@@ -132,7 +132,9 @@ function App() {
132132 < div >
133133 < input
134134 value = { state . globalFilter ?? '' }
135- onChange = { ( e ) => table . setGlobalFilter ( ( e . target as HTMLInputElement ) . value ) }
135+ onChange = { ( e ) =>
136+ table . setGlobalFilter ( ( e . target as HTMLInputElement ) . value )
137+ }
136138 className = "p-2 font-lg shadow border border-block"
137139 placeholder = "Search all columns..."
138140 />
@@ -250,7 +252,9 @@ function App() {
250252 max = { table . getPageCount ( ) }
251253 defaultValue = { table . store . state . pagination . pageIndex + 1 }
252254 onChange = { ( e ) => {
253- const page = ( e . target as HTMLInputElement ) . value ? Number ( ( e . target as HTMLInputElement ) . value ) - 1 : 0
255+ const page = ( e . target as HTMLInputElement ) . value
256+ ? Number ( ( e . target as HTMLInputElement ) . value ) - 1
257+ : 0
254258 table . setPageIndex ( page )
255259 } }
256260 className = "border p-1 rounded w-16"
@@ -259,7 +263,9 @@ function App() {
259263 < select
260264 value = { table . store . state . pagination . pageSize }
261265 onChange = { ( e ) => {
262- table . setPageSize ( Number ( ( e . target as HTMLInputElement ) . value ) )
266+ table . setPageSize (
267+ Number ( ( e . target as HTMLInputElement ) . value ) ,
268+ )
263269 } }
264270 >
265271 { [ 10 , 20 , 30 , 40 , 50 ] . map ( ( pageSize ) => (
@@ -341,7 +347,10 @@ function Filter({
341347 type = "number"
342348 value = { ( ( column . getFilterValue ( ) as any ) ?. [ 0 ] ?? '' ) as string }
343349 onChange = { ( e ) =>
344- column . setFilterValue ( ( old : any ) => [ ( e . target as HTMLInputElement ) . value , old ?. [ 1 ] ] )
350+ column . setFilterValue ( ( old : any ) => [
351+ ( e . target as HTMLInputElement ) . value ,
352+ old ?. [ 1 ] ,
353+ ] )
345354 }
346355 placeholder = { `Min` }
347356 className = "w-24 border shadow rounded"
@@ -350,7 +359,10 @@ function Filter({
350359 type = "number"
351360 value = { ( ( column . getFilterValue ( ) as any ) ?. [ 1 ] ?? '' ) as string }
352361 onChange = { ( e ) =>
353- column . setFilterValue ( ( old : any ) => [ old ?. [ 0 ] , ( e . target as HTMLInputElement ) . value ] )
362+ column . setFilterValue ( ( old : any ) => [
363+ old ?. [ 0 ] ,
364+ ( e . target as HTMLInputElement ) . value ,
365+ ] )
354366 }
355367 placeholder = { `Max` }
356368 className = "w-24 border shadow rounded"
@@ -360,7 +372,9 @@ function Filter({
360372 < input
361373 type = "text"
362374 value = { ( column . getFilterValue ( ) ?? '' ) as string }
363- onChange = { ( e ) => column . setFilterValue ( ( e . target as HTMLInputElement ) . value ) }
375+ onChange = { ( e ) =>
376+ column . setFilterValue ( ( e . target as HTMLInputElement ) . value )
377+ }
364378 placeholder = { `Search...` }
365379 className = "w-36 border shadow rounded"
366380 />
0 commit comments