@infinite-table/infinite-react 0.3.18 → 0.3.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/index.css +116 -81
  2. package/index.d.ts +34 -11
  3. package/index.esm.css +116 -81
  4. package/index.esm.js +620 -275
  5. package/index.js +603 -258
  6. package/package.json +2 -2
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1X227iMBB95yss8VKkuiI3aNOXlfZLHNshFsFGtqGwK/597RAa4sQBttuHlYKFEMwZj3PmzHhIpRAa/J4AACHjOeNMU6i2CFM4T8Fc0s17ny0wtpcgTHz20Nr95siavdbYWpdec5KCwGdbGNtA3KU1e62vKQgHnN9SEHn5MGTFXWMuuIaK/TqT2Re5QVSULvrCN5jQx0wDqah9HcbEvQw29sTHYgNZeJhsEEsfmxUkRxtWHlPAeEEl0w4Ei1LIFEzjV7scI8KYmh0umDxfzuPIwVAphbyCzM3LgWRCEiqhRITtVAr2SD51ZTxznRBer6TYcZKCj8L84tg3jMOCslWhDT/z+fbg2EuBCNwgtYaaHnRrO7nK0FOYJM+Xt0mjG75xF3sqS3Rs7bCS6HjTQZgHY/poVeKS1oBr4vqT08C2iBDGVx7yEv/ph7lvWd1NJK3UVSBOSqsFzfbmQ1IEPxjRhRFdl/W2zwV3A1ZYxlr8ThdZni+yQS8suNISMU5Jzw7Og16p1H3MgiLLAaZl2T4DJXYNoHvOTXK7BnzqRMKDJ5XR0PEuzscvOHdcewPM7kEdZmAgHjMJqvqTqc9FRwHXSCWkPsM3SK4YH3IYyHF/In2U1A1rkdvVbYq7Db9AL10m6sq9ilVvhXdSmm75037rg9W1VtdE0L/XcJ2HnbR48n4VsLNV5zAzoETJCJjihV0DZ2d8zxTLSpNSLrjbka+Rj/X6mm9Jz840zynWkOwk0kzwasBRnaupakfXMZU+2pMRpIpO2fbAvYnowVYphtCQuVzejTZZDOK3u+GZaZRBMgT/1DRE5bZA58HvAQcINTLJgzueC7xTlFSjpdtkxcdQkfkLyzoKQtr9sKouV1LWuu0EmuIMJ9h9ngZbi4RTpasK6SlHC+trypldPditYFxbwe1N4SpoxgzDjsJSlGUVAu20eJ+cJi+l7QDP4KW5YOsfqs/UTvYdazrO++O8P87747w/zvvjvD/O++O8P87747w/zvv/xbxPkFxfD/T2uzvKt0IG8yAO3Ny3qtLo7lJ3IYrCyHfR1H0KR3bde3UFWRiEbvgbV1cYhm9R+E1d15OZKIuXSfytCgxjQ68r8uu+/UntafJjQwlD4GkraU6lqitT4YJuqsYi17Mq681fuXsU8KAG7lPBozr4OyX8Oy08poYv6OERRdzWBACnyekPDRuBD6obAAA= */
1
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1X227jIBB9z1cg9aWRShXfktZ9WWm/BAOOUWyIgKTNrvrvC66ztrFxknb7tC6qomTOMPjMmcGTSiE0+L0AAELGc8aZplDtEaZwlYKVpNXLmC0wtscgTHz20Nr95siavdbYWjdec5KCwGdbG9tE3I01e61PKQgnnJ9TEHn5MGTFQ2MuuIaK/fogcyxyi6gpXY+FbzGhj5kWUlP7NI2JRxls7YmPxRay9jDZIjY+NmtIjipWnlLAeEEl0w4Ei1LIFNzFT3Y5RoQxNTucMXm+WcWRg6FSCtmBrMyfA8mEJFRCiQg7qBQckbwfynjpOiG820px4CQFr4X5xbFXjMOCsm2hDT+r1f7NsZcCEVghtYOavunednKbofswSR7O/yaNbvjWXRypLNGpt8NWotNFB2EejOmTVYlLWgtuiBtPTgvbI0IY33rIS/ynn+a+Z3U3kbRWV4E4Ka0WNDuaD0kRfGVEF0Z0Q9b7PmfcBVhhGevxe7fO8nydTXphwZWWiHFKRnZwHrSjUvcxC4osB5iWZf8MlNg1gR45N8ntmvBpEgnfPKmMpo53dj59wXngOhpgeQ3qbQkm4jGToLo/mfpcDxTQRSoh9Qe8QnLL+JTDRI7HE+mjpGlY69yuYVM8VPwMPXeZaCj3OlazFT5IabrlT/ttDNbUWlMTwfhe03UeDtLiyXsn4GCrwWGWQImSEXCH13Y5W+0ZtxX2uR1DFIWRW0JdOONHplhWGpFwwd0e30Xedns0GZT0w5nmOcUakoNEmgkjsMdQDe66ur91Qyp9sgcjSBWDPjAC92Z2BFtrBkLD5WZzNdrIIoifr4ZnpvMGyRT8b5FAVO4L9PEmeYMDhBqZ3MEDzwU+KErqd1W3a4vXqar1V6p1FIT0G2xdrq5GrXU/CHSHM5xg93labKMRTpWuS26kvi1srMtndo1g94JxbfV2NJ1AQfPeYthRWIqyrEOggxYvi/fFY2lbygN4bG/s5of6M7WjwsCazgPEPEDMA8Q8QMwDxDxAzAPEPEDMA8Q8QMwDxP85QBAkd90JwX53Z4NeyGAVxIGb+15RGt1Nlp3T+HBk17V3YZCFQeiGv3AXhmH4HIXf1MY9mYmyeJPE36rAMDb0uiLvXgR/qX1f/KgoYQjc7yXNqVRNZSpc0KpuLHK3rLPezobXKOBGDVynglt18Dkl/Dst3KaGL+jhFkVc1gQA74v3P9F2j39MHAAA */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -50,9 +50,10 @@
50
50
  --infinite-cell-border-width: 1px;
51
51
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
52
52
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
53
+ --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
53
54
  --infinite-cell-border-invisible: none;
54
55
  --infinite-cell-border-radius: var(--infinite-space-2);
55
- --infinite-column-reorder-effect-duration: 0.2s;
56
+ --infinite-column-reorder-effect-duration: .2s;
56
57
  --infinite-active-cell-border-style: dashed;
57
58
  --infinite-active-cell-border-width: 1px;
58
59
  --infinite-active-cell-border-color--r: 77;
@@ -121,9 +122,10 @@
121
122
  --infinite-cell-border-width: 1px;
122
123
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
123
124
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
125
+ --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
124
126
  --infinite-cell-border-invisible: none;
125
127
  --infinite-cell-border-radius: var(--infinite-space-2);
126
- --infinite-column-reorder-effect-duration: 0.2s;
128
+ --infinite-column-reorder-effect-duration: .2s;
127
129
  --infinite-active-cell-border-style: dashed;
128
130
  --infinite-active-cell-border-width: 1px;
129
131
  --infinite-active-cell-border-color--r: 77;
@@ -166,7 +168,7 @@
166
168
  }
167
169
  }
168
170
 
169
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU3Y6bMBCF7/MU3FRKq3oF+5Pu0ss+SGVggNkYm9omJKn67p2YaJMxaJWIG8T5jrFnxufhd7ZRXYZjmvxdJUlh9sLhEXWT07utwAr69HP1b/XwAeYF1MbC7bysPdib8eTbHei9eyHHXbvJAtgbhx6NzhMLSnrcAYMeI0gWzqjBc+gpgpzHcntgyHOE1LiHihEvgahRqTwpB2tB+19GGcugzRW0k3YtBOoaNXoQsizJIsqT5ysz/Qgm563ZwidrvzLs5tXfpnrLcttYM+gqT1C3YNEzSgbKW6kdNbXLp1cqODxV6/Q7PXzV4k6+jHlrPMHrt7SChqNVQKkMzticWoKahoYRwAg6s7BAw8SbXp87GuwCdlQelyfaaI41U8cU7PMkY0p7pcxsGMQjNaCaO98jMWXqNlZTrqu5zoFuAeCEXiI4YhYRzvSBqdD1Sh7yUAqm/+F6oUy5ZYDlAGqFGsScc4EbHDXKgYLSL1TcB6YFbFqS+UYHptFZvjB5F+QRK9/GzvFamhn309SaPrYdLsLMdAyagnq2zSy9kma+LDsno/emm1kfmTg3Txlnl6qTPV9rc+vLx6CLWpkx3Kih0xzaxJA1IyemGJMKGy0okjq6badMiu5u9jrHKNPAly3nptx6Hyis6wMFG62k/fKSchkNm3VeWh51WfEJDpqnfjYFl9mBnY7dYlVBVJsqYuTgDScgInbosFB8wLP6PItKibKVuoH8EpicnEJrbE/J73pZwum+jFb2HJsSzMPei8uvQSnsHTpC/wMMl29wgQgAAA== */
171
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WV3XKbMBCF7/MU3HQm7VQZ0zR/9LIP0hFigY1liUrC2On03buWMgmLaBKPbxif74jVLjq6+lXe6l2J06b4c1EUtT0Ij09ouoqeXQNO0F8/Lv5eXL2AVQ2tdfBxXrYB3Ifx4ssZ6Lm1kOOsasoIDtZjQGuqwoGWAffAoG8LSNbe6jFw6HoB+YBqe2TI9wXS4gEaRtxEokWtq0KNzoEJP622jkG3M2gv3aUQaFo0GEBIpcgi1MnzmZnuoskHZ7fwxtr3DPvw6g+p31JtO2dH01QFmh4cBkbJSAUnjaeh7qr0SA2H6+Zy85V+fNX6TF4teWcDwZcPmwY6jjYRpTZ46yoaCRr6aBgBjKA9Cwf0MfGht88TjXYBe2qPrwpjDce6NDENh6oomdLPlMyGUXyiATS583Ehbpi6Xapc1pnM9V2uc8CsAJywawRHhlWEM7/fqdS9V6l/t9IQiQb9oOWxisNg+sj1bEx7rtfaqi0DJg6g0WhA5NwhcqOnT8mDBhVWXnaMTA/Y9STzjTwxjXb6iWddugImbEK/tJblXMutKQKDHTLj9auS21LiaWizWsubmZQbb2eqHIPl6t1zvIdgd9nC90zMl05Z5dYaWMq5llvruZyXpV4Os2i1nWJqjDvDoWYJOTtxIiWP1NgZQbG7o0Q55e4in8o2xyi3Iaiecyl8Hke6kNojhTetZML6kv06Gov1QToe5yW+gYPhN1uZ8sruwaVt99g0sOjNdsHkLdYLYo8ea82PSJnSK0qoMRz/g5kMW6vJPh8MrYXqpemger1hOJnibOpPV6UfpILT8Z2cHDiWEi3AIYjXfYDWOHj0hP4DUOrmI7IJAAA= */
170
172
  ._16lm1iw0 {
171
173
  box-sizing: border-box;
172
174
  }
@@ -244,108 +246,135 @@
244
246
  z-index: 10;
245
247
  }
246
248
  ._16lm1iwk {
247
- z-index: 1000;
249
+ z-index: 100;
248
250
  }
249
251
  ._16lm1iwl {
250
- z-index: 10000;
252
+ z-index: 1000;
251
253
  }
252
254
  ._16lm1iwm {
253
- z-index: 100000;
255
+ z-index: 10000;
254
256
  }
255
257
  ._16lm1iwn {
256
- z-index: 1000000;
258
+ z-index: 100000;
257
259
  }
258
260
  ._16lm1iwo {
259
- z-index: 10000000;
261
+ z-index: 1000000;
260
262
  }
261
263
  ._16lm1iwp {
262
- display: flex;
264
+ z-index: 10000000;
263
265
  }
264
266
  ._16lm1iwq {
265
- display: block;
267
+ z-index: 1000;
266
268
  }
267
269
  ._16lm1iwr {
268
- display: inline-block;
270
+ z-index: 10000;
269
271
  }
270
272
  ._16lm1iws {
273
+ z-index: 100000;
274
+ }
275
+ ._16lm1iwt {
276
+ display: flex;
277
+ }
278
+ ._16lm1iwu {
279
+ display: none;
280
+ }
281
+ ._16lm1iwv {
282
+ display: block;
283
+ }
284
+ ._16lm1iww {
285
+ display: inline-block;
286
+ }
287
+ ._16lm1iwx {
271
288
  -webkit-user-select: none;
272
289
  -moz-user-select: none;
273
290
  -ms-user-select: none;
274
291
  user-select: none;
275
292
  }
276
- ._16lm1iwt {
293
+ ._16lm1iwy {
277
294
  height: 0;
278
295
  }
279
- ._16lm1iwu {
296
+ ._16lm1iwz {
280
297
  height: 100%;
281
298
  }
282
- ._16lm1iwv {
299
+ ._16lm1iw10 {
283
300
  width: 0;
284
301
  }
285
- ._16lm1iww {
302
+ ._16lm1iw11 {
286
303
  width: 100%;
287
304
  }
288
- ._16lm1iwx {
305
+ ._16lm1iw12 {
289
306
  top: 0;
290
307
  }
291
- ._16lm1iwy {
308
+ ._16lm1iw13 {
292
309
  top: 100%;
293
310
  }
294
- ._16lm1iwz {
311
+ ._16lm1iw14 {
295
312
  left: 0;
296
313
  }
297
- ._16lm1iw10 {
314
+ ._16lm1iw15 {
298
315
  left: 100%;
299
316
  }
300
- ._16lm1iw11 {
317
+ ._16lm1iw16 {
318
+ left: auto;
319
+ }
320
+ ._16lm1iw17 {
301
321
  bottom: 0;
302
322
  }
303
- ._16lm1iw12 {
323
+ ._16lm1iw18 {
304
324
  bottom: 100%;
305
325
  }
306
- ._16lm1iw13 {
326
+ ._16lm1iw19 {
307
327
  right: 0;
308
328
  }
309
- ._16lm1iw14 {
329
+ ._16lm1iw1a {
310
330
  right: 100%;
311
331
  }
312
- ._16lm1iw15 {
332
+ ._16lm1iw1b {
333
+ right: auto;
334
+ }
335
+ ._16lm1iw1c {
313
336
  flex-flow: column;
314
337
  }
315
- ._16lm1iw16 {
338
+ ._16lm1iw1d {
316
339
  flex-flow: row;
317
340
  }
318
- ._16lm1iw17 {
341
+ ._16lm1iw1e {
319
342
  align-items: center;
320
343
  }
321
- ._16lm1iw18 {
344
+ ._16lm1iw1f {
322
345
  align-items: stretch;
323
346
  }
324
- ._16lm1iw19 {
347
+ ._16lm1iw1g {
325
348
  justify-content: center;
326
349
  }
327
- ._16lm1iw1a {
350
+ ._16lm1iw1h {
328
351
  justify-content: flex-start;
329
352
  }
330
- ._16lm1iw1b {
353
+ ._16lm1iw1i {
331
354
  justify-content: flex-end;
332
355
  }
333
- ._16lm1iw1c {
356
+ ._16lm1iw1j {
334
357
  overflow: hidden;
335
358
  }
336
- ._16lm1iw1d {
359
+ ._16lm1iw1k {
337
360
  overflow: auto;
338
361
  }
339
- ._16lm1iw1e {
362
+ ._16lm1iw1l {
340
363
  overflow: visible;
341
364
  }
342
- ._16lm1iw1f {
365
+ ._16lm1iw1m {
366
+ visibility: visible;
367
+ }
368
+ ._16lm1iw1n {
369
+ visibility: hidden;
370
+ }
371
+ ._16lm1iw1o {
343
372
  will-change: transform;
344
373
  }
345
- ._16lm1iw1g {
374
+ ._16lm1iw1p {
346
375
  white-space: nowrap;
347
376
  }
348
- ._16lm1iw1h {
377
+ ._16lm1iw1q {
349
378
  text-overflow: ellipsis;
350
379
  }
351
380
 
@@ -448,7 +477,7 @@
448
477
  display: none;
449
478
  }
450
479
 
451
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0KLl8xeWV1YjJ2bCB7CiAgdXNlci1zZWxlY3Q6IG5vbmU7Cn0= */
480
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WT3W6DMAyF7/sUuZnUSk0F29W6h6lCMODOtVkIdNW0dx8EofKnatNuUBR/xz4nCYdTfIM6eW4i9bVRSmpPyHBULAxv7UYm7HVmLki3o2qM22qNnCGjBz2q7TrWColbUGE31BNj33MnNacL6F4K5AVZF4B54RfkvdSS35vD4D8O/kegk6suBdmD09AA+0pfCyTQlXVCbcp8SDnqAvMuxnps2hBANDKpDZWFWXh7BGvtTdJOrzkTW1fQB12KO9u/HbTGLubs/+dyesoYzicRl7an6lYvqO8biKn2PNYSZH+QUpC2fpyugMD6lasrA+Od4SoTdzn2SzIeXtKtjqPoaa+i8jN8+uf4KEWJzJDOHHUa7+Uy0Ke4oiavX2Xq9iM4GSccwGwKspppGqwwQULf/WzdmqYZ3aizNWS3s/7nnZpOEDXTrk/4Af0EelYGBAAA */
452
481
  ._1yeub2v0 {
453
482
  outline: none;
454
483
  font-family: var(--infinite-font-family);
@@ -475,8 +504,25 @@
475
504
  -ms-user-select: none;
476
505
  user-select: none;
477
506
  }
507
+ ._1yeub2vp {
508
+ transform: translate3d(-100%, 0px, 0px);
509
+ border-right: var(--infinite-pinned-cell-border);
510
+ bottom: var(--_1slvgu9o);
511
+ }
512
+ ._1yeub2vq {
513
+ left: var(--_1slvgu9f);
514
+ }
515
+ ._1yeub2vn ._1yeub2vq {
516
+ visibility: visible;
517
+ }
518
+ ._1yeub2vr {
519
+ left: calc(var(--_1slvgu9j));
520
+ }
521
+ ._1yeub2vo ._1yeub2vr {
522
+ visibility: visible;
523
+ }
478
524
 
479
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTy07DMBC89yt8pAdXffCQwscgJ163BsdbrddpK8S/kzgFYlIopZfI0c7Mzuzas6cFwL5aqrl4nQjxHANbc5AVegbPhajaL9Dj5G0y+0AuTiONg70MrIgz9PI8WvR/xuGuEIQ7SdAABch0VkmHSflg2aIvhAPDYjWf1yED3o6AHn2udZcgW6W19etCNIpupLTeWG8ZZAXOyWNx2rkrkTSQ7PqdBh8BO6t5MxUBndW9ga2iNu1Ag+x681+RFOAAsVw2TnxmuR/FTWeDVI/aoIu1b6fbdwJjoGKpI6mOOM1G9JBkWwbSabuplHN04pSqelkTRq9HxG63X+WcDH8ho9Y/CpheoM/GuE37kqS0jeHXifeQ4aZLZMb6coGBm813N2nzV9m5XGHgJw79nL2FObcZcs+9go76Dg2hnZhVBAAA */
525
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=Ll8xZWV4YzJhMCB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLl8xZWV4YzJhMSB7CiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0Owp9Ci5fMWVleGMyYTIgewogIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsKICBmbGV4LWZsb3c6IHJvdy1yZXZlcnNlOwp9Ci5fMWVleGMyYTMgewogIHRyYW5zaXRpb246IGxlZnQgMzAwbXM7Cn0KLl8xZWV4YzJhNCB7CiAgdHJhbnNpdGlvbjogbm9uZTsKfQouXzFlZXhjMmE1IHsKICBwYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1jZWxsLXBhZGRpbmcpOwogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aCkgc29saWQgdHJhbnNwYXJlbnQ7CiAgYm9yZGVyLXJpZ2h0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aCkgc29saWQgdHJhbnNwYXJlbnQ7Cn0KLl8xeWV1YjJ2bCAuXzFlZXhjMmE2IHsKICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0taW5maW5pdGUtY29sdW1uLXJlb3JkZXItZWZmZWN0LWR1cmF0aW9uKTsKfQouXzFlZXhjMmE3IHsKICBjb2xvcjogdmFyKC0taW5maW5pdGUtY2VsbC1jb2xvcik7Cn0KLl8xZWV4YzJhZCB7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtcm93LWJhY2tncm91bmQpOwp9Ci5fMWVleGMyYWUgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl8xZWV4YzJhZiB7CiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXItcmFkaXVzKTsKICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwp9Ci5fMWVleGMyYWggewogIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwogIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwp9 */
480
526
  ._1eexc2a0 {
481
527
  justify-content: center;
482
528
  }
@@ -518,14 +564,8 @@
518
564
  border-top-right-radius: var(--infinite-cell-border-radius);
519
565
  border-bottom-right-radius: var(--infinite-cell-border-radius);
520
566
  }
521
- ._1eexc2au {
522
- border-right: var(--infinite-cell-border);
523
- }
524
- ._1eexc2av {
525
- border-left: var(--infinite-cell-border);
526
- }
527
567
 
528
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Uy26DMBC85yt8qVQOjoA+RT6mMtjAqq6NjEPSVP33YpskhpI0QI8sO+PZ2cf6LYoPuUyjCH2tEPogqgCBOct1ghqi7jEGkYMAzXDJCGUKZ4xzXEulMWRSYIcINqvv1frIFf8j14PPpaAol5A9WjIOwoAcV7hpI7kUGtdwYAmKwmpvQqlUhlQRCts6QU/hnYlWhFIQRZvmsipZgwYpEkTSWvKtZiaqFRHHuJYVCtdxbeOy6h7sCokNi6fvyepLSfZeKLkV9FKp54xglDd0FWgtP+yH98TzvCcyyaW66Lz52Xc6tc+c7VGMEw2NtUc2TOVc7hJUAqVM9ICZBR7aNyjbm3b0/jKnvuvN6DTYMXAZfUm5jx2dyovQ4kbTLEFp6rvNP5t/dK81piIZ6M+2ZevX3rSNwbqfgZfYVRV3I3wyMQ7Dvo3lFCvwDqguA9TON1A32xVRTOjNtFbcbODAupMLgxoSa/TCzniElW9Ku1LWmNMBuOKPSwk8O9zqTSfw1KihGmvxIjnTGTw9h6t72V3WSYuJWvQn26ZxQ9CQaBx2VTSIBmpIOevrPt7UOWvfHcuFYubeq+jF3dALR8Af7PMt8PFkzqn3CdKrAn5dod60/X0M5pmSDfbiL+gPDqFcrOEIAAA= */
568
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VUwW6DMAy99ytymTQOQcDWaaIfMwUIYJUmKATWdtq/DxLaGkZb2m5HHPv5+fkZ98MP9qmMfJ98LQjZMJWBoAVPdUgapp4pBZGCAM1pzlnCFY15UdBKKk0hloLaCme1+F64B6zgD7FeMJaCLH8E7NWAFSC6IovlrdpIKoWmFex5SHyv3HahSKoOVLEE6iokS++pi5YsSUBkbZrNKmUFGqQICYsqWdSad1GtmDjEtSyJ5waVicuyb9gPEnQoiN/S8ItYvM6UrEVybtRThjOJ69kJtJYb84FavN3XIpaFVGeV7x6HSnPTZt+mJnzbqTp4Xc8kYVaay2YuH5N/YEOILFkMetdK4L4PtjdV1j86KLH3btBb4jhN4HnDeQo7j7XMpOFNiz7hExKdO6T1CyTWKyVTXGhsu0mjIxBDc6aAI+mOKoxmCI3QD24GAWosSmtRI8zxoC7oY1McJIe18u0AiE0zZmMkfojO7QiIT/9jG10Iad93vI6ChpFT6rtJnQa/2BhEAxVEBR/1ZliMOV7DxZEpPndL2B+nk8L1/J4/EAZILxL4dcyDpV2/qf8+QDxJNjLltS38ALFNgMmuBwAA */
529
569
  ._12zfob11 {
530
570
  margin-left: var(--infinite-header-cell-sort-icon-margin);
531
571
  }
@@ -555,20 +595,10 @@
555
595
  background: var(--infinite-header-background);
556
596
  color: var(--infinite-header-color);
557
597
  }
558
- ._12zfob1b {
559
- position: relative;
560
- overflow: hidden;
561
- }
562
- ._12zfob1c {
563
- z-index: 10;
564
- }
565
598
  ._12zfob1e {
566
- border-right: var(--infinite-cell-border);
567
- }
568
- ._12zfob1f {
569
- border-left: var(--infinite-cell-border);
599
+ z-index: 10;
570
600
  }
571
- ._12zfob1g {
601
+ ._12zfob1k {
572
602
  background: var(--infinite-header-cell-hover-background);
573
603
  color: var(--infinite-cell-color);
574
604
  opacity: 0.8;
@@ -576,71 +606,76 @@
576
606
  padding-left: 20px;
577
607
  z-index: 2000;
578
608
  }
579
- ._12zfob1h {
609
+ ._12zfob1l {
580
610
  border-left: var(--infinite-cell-border-width) solid transparent;
581
611
  border-right: var(--infinite-cell-border);
582
612
  background: var(--infinite-header-cell-background);
583
613
  padding: 0;
584
614
  }
585
- ._12zfob1h:hover {
615
+ ._12zfob1l:hover {
586
616
  background: var(--infinite-header-cell-hover-background);
587
617
  }
588
- ._12zfob1p {
618
+ ._12zfob1t {
589
619
  border-top-left-radius: var(--infinite-cell-border-radius);
590
620
  border-bottom-left-radius: var(--infinite-cell-border-radius);
591
621
  }
592
- ._12zfob1r {
622
+ ._12zfob1v {
593
623
  border-top-right-radius: var(--infinite-cell-border-radius);
594
624
  border-bottom-right-radius: var(--infinite-cell-border-radius);
595
625
  }
596
- ._12zfob1z {
626
+ ._12zfob113 {
597
627
  z-index: 10;
598
628
  }
599
- ._12zfob114 {
600
- border-right: var(--infinite-cell-border);
601
- }
602
- ._1yeub2va ._12zfob114 {
629
+ ._1yeub2va ._12zfob118 {
603
630
  --infinite-cell-border: var(--infinite-cell-border-invisible);
604
631
  }
605
- ._12zfob115 {
606
- border-left: var(--infinite-cell-border);
607
- }
608
- ._12zfob116 {
609
- --infinite-cell-border: var(--infinite-cell-border-invisible);
632
+ ._12zfob11a {
610
633
  border-right: var(--infinite-cell-border);
611
634
  }
612
- ._12zfob117 {
635
+ ._12zfob11b {
613
636
  padding: var(--infinite-header-cell-padding);
614
637
  }
615
- ._12zfob11a {
638
+ ._12zfob11e {
616
639
  background: var(--infinite-header-background);
617
640
  }
618
- ._12zfob11b {
641
+ ._12zfob11f {
619
642
  padding: var(--infinite-cell-padding);
620
643
  border-bottom: var(--infinite-cell-border);
621
644
  border-right: var(--infinite-cell-border);
645
+ background: var(--infinite-header-cell-background);
622
646
  }
623
- ._12zfob11c {
647
+ ._12zfob11g {
624
648
  border-top: var(--infinite-cell-border);
625
649
  }
626
650
 
627
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/ResizeHandle.css.ts.vanilla.css?source=LnpuZXl6aDAgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MCUpOwogIHdpZHRoOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWFjdGl2ZS1hcmVhLXdpZHRoKTsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci56bmV5emgwOmhvdmVyIHsKICBvdmVyZmxvdzogdmlzaWJsZTsKfQouem5leXpoMSB7CiAgcmlnaHQ6IGNhbGMoKHZhcigtLWluZmluaXRlLXJlc2l6ZS1oYW5kbGUtYWN0aXZlLWFyZWEtd2lkdGgpIC0gdmFyKC0taW5maW5pdGUtcmVzaXplLWhhbmRsZS13aWR0aCkpIC8gMik7CiAgd2lkdGg6IHZhcigtLWluZmluaXRlLXJlc2l6ZS1oYW5kbGUtd2lkdGgpOwp9Ci56bmV5emgwOmhvdmVyIC56bmV5emgxIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWhvdmVyLWJhY2tncm91bmQpOwp9Ci56bmV5emgwOmhvdmVyIC56bmV5emgzIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWNvbnN0cmFpbmVkLWhvdmVyLWJhY2tncm91bmQpOwp9 */
651
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/ResizeHandle.css.ts.vanilla.css?source=LnpuZXl6aDAgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MCUpOwogIHdpZHRoOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWFjdGl2ZS1hcmVhLXdpZHRoKTsKfQouem5leXpoMDpob3ZlciB7CiAgb3ZlcmZsb3c6IHZpc2libGU7Cn0KLnpuZXl6aDIgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTsKfQouem5leXpoOCB7CiAgdHJhbnNmb3JtOiBub25lOwp9Ci56bmV5emg5IHsKICB0cmFuc2Zvcm06IG5vbmU7Cn0KLnpuZXl6aGEgewogIHRyYW5zZm9ybTogbm9uZTsKfQouem5leXpoYiB7CiAgcmlnaHQ6IGNhbGMoKHZhcigtLWluZmluaXRlLXJlc2l6ZS1oYW5kbGUtYWN0aXZlLWFyZWEtd2lkdGgpIC0gdmFyKC0taW5maW5pdGUtcmVzaXplLWhhbmRsZS13aWR0aCkpIC8gMik7CiAgd2lkdGg6IHZhcigtLWluZmluaXRlLXJlc2l6ZS1oYW5kbGUtd2lkdGgpOwp9Ci56bmV5emgwOmhvdmVyIC56bmV5emhiIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWhvdmVyLWJhY2tncm91bmQpOwp9Ci56bmV5emgwOmhvdmVyIC56bmV5emhkIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yZXNpemUtaGFuZGxlLWNvbnN0cmFpbmVkLWhvdmVyLWJhY2tncm91bmQpOwp9 */
628
652
  .zneyzh0 {
629
653
  transform: translateX(50%);
630
654
  width: var(--infinite-resize-handle-active-area-width);
631
- overflow: hidden;
632
655
  }
633
656
  .zneyzh0:hover {
634
657
  overflow: visible;
635
658
  }
636
- .zneyzh1 {
659
+ .zneyzh2 {
660
+ transform: translateX(-50%);
661
+ }
662
+ .zneyzh8 {
663
+ transform: none;
664
+ }
665
+ .zneyzh9 {
666
+ transform: none;
667
+ }
668
+ .zneyzha {
669
+ transform: none;
670
+ }
671
+ .zneyzhb {
637
672
  right: calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);
638
673
  width: var(--infinite-resize-handle-width);
639
674
  }
640
- .zneyzh0:hover .zneyzh1 {
675
+ .zneyzh0:hover .zneyzhb {
641
676
  background: var(--infinite-resize-handle-hover-background);
642
677
  }
643
- .zneyzh0:hover .zneyzh3 {
678
+ .zneyzh0:hover .zneyzhd {
644
679
  background: var(--infinite-resize-handle-constrained-hover-background);
645
680
  }
646
681
 
package/index.d.ts CHANGED
@@ -253,7 +253,9 @@ declare class MatrixBrain extends Logger {
253
253
  * The indexes in the returned array are the absolute indexes of the cols, so the returned array is an array with holes
254
254
  *
255
255
  */
256
- getFixedEndColsOffsets: () => number[];
256
+ getFixedEndColsOffsets: ({ skipScroll }?: {
257
+ skipScroll: boolean;
258
+ }) => number[];
257
259
  /**
258
260
  * Returns an array of offsets for all rows fixed at the end
259
261
  *
@@ -264,7 +266,9 @@ declare class MatrixBrain extends Logger {
264
266
  * The indexes in the returned array are the absolute indexes of the rows, so the returned array is an array with holes
265
267
  *
266
268
  */
267
- getFixedEndRowsOffsets: () => number[];
269
+ getFixedEndRowsOffsets: ({ skipScroll }?: {
270
+ skipScroll: boolean;
271
+ }) => number[];
268
272
  getFixedStartColsWidth: () => number;
269
273
  getFixedEndRowsHeight: () => number;
270
274
  getFixedStartRowsHeight: () => number;
@@ -273,8 +277,8 @@ declare class MatrixBrain extends Logger {
273
277
  vertical: number;
274
278
  };
275
279
  setRenderCount: ({ horizontal, vertical, }: {
276
- horizontal: number;
277
- vertical: number;
280
+ horizontal: number | undefined;
281
+ vertical: number | undefined;
278
282
  }) => void;
279
283
  private notifyRenderCountChange;
280
284
  updateFixedCells: (config: {
@@ -395,7 +399,13 @@ declare class ReactHeadlessTableRenderer extends Logger {
395
399
  private onDestroy;
396
400
  private hoverRowUpdatesInProgress;
397
401
  private infiniteNode;
398
- setTransform: (element: HTMLElement, _rowIndex: number, colIndex: number, x: number, y: number, zIndex: number | 'auto' | undefined | null) => void;
402
+ private getInfiniteNode;
403
+ setTransform: (element: HTMLElement, _rowIndex: number, colIndex: number, { x, y, scrollLeft, scrollTop, }: {
404
+ x: number;
405
+ y: number;
406
+ scrollLeft?: boolean | undefined;
407
+ scrollTop?: boolean | undefined;
408
+ }, zIndex: number | 'auto' | undefined | null) => void;
399
409
  constructor(brain: MatrixBrain);
400
410
  getFullyVisibleRowsRange: () => {
401
411
  start: number;
@@ -502,7 +512,7 @@ interface InfiniteTableSetupState<T> {
502
512
  headerBrain: MatrixBrain;
503
513
  focused: boolean;
504
514
  ready: boolean;
505
- columnReorderInProgress: boolean;
515
+ columnReorderDragColumnId: false | string;
506
516
  focusedWithin: boolean;
507
517
  scrollPosition: ScrollPosition;
508
518
  pinnedStartScrollListener: ScrollListener;
@@ -565,7 +575,6 @@ interface InfiniteTableMappedState<T> {
565
575
  columnHeaderHeight: number;
566
576
  licenseKey: NonUndefined<InfiniteTableProps<T>['licenseKey']>;
567
577
  columnVisibility: InfiniteTablePropColumnVisibility;
568
- columnPinning: InfiniteTablePropColumnPinningMap;
569
578
  columnSizing: InfiniteTablePropColumnSizing;
570
579
  columnTypes: InfiniteTablePropColumnTypes<T>;
571
580
  columnGroups: InfiniteTablePropColumnGroupsMap;
@@ -577,6 +586,8 @@ interface InfiniteTableDerivedState<T> {
577
586
  groupBy: DataSourceProps<T>['groupBy'];
578
587
  computedColumns: Map<string, InfiniteTableColumn<T>>;
579
588
  groupRenderStrategy: NonUndefined<InfiniteTableProps<T>['groupRenderStrategy']>;
589
+ columnPinning: InfiniteTablePropColumnPinning;
590
+ columnPinningWhileDragging: InfiniteTablePropColumnPinning;
580
591
  columnHeaderCssEllipsis: NonUndefined<InfiniteTableProps<T>['columnHeaderCssEllipsis']>;
581
592
  keyboardNavigation: NonUndefined<InfiniteTableProps<T>['keyboardNavigation']>;
582
593
  columnGroupsDepthsMap: InfiniteTableColumnGroupsDepthsMap;
@@ -597,10 +608,8 @@ declare type LoadMaskProps = {
597
608
  declare type InfiniteTablePropColumnOrderNormalized = string[];
598
609
  declare type InfiniteTablePropColumnOrder = InfiniteTablePropColumnOrderNormalized | true;
599
610
  declare type InfiniteTablePropColumnVisibility = Record<string, false>;
600
- declare type InfiniteTablePropColumnPinningMap = Map<string, true | 'start' | 'end'>;
601
611
  declare type InfiniteTableColumnPinnedValues = false | 'start' | 'end';
602
- declare type InfiniteTablePropColumnPinningRecord = Record<string, true | 'start' | 'end'>;
603
- declare type InfiniteTablePropColumnPinning = InfiniteTablePropColumnPinningRecord | InfiniteTablePropColumnPinningMap;
612
+ declare type InfiniteTablePropColumnPinning = Record<string, true | 'start' | 'end'>;
604
613
  declare type InfiniteTableRowStyleFnParams<T> = {
605
614
  rowIndex: number;
606
615
  } & InfiniteTableRowInfoDataDiscriminator<T>;
@@ -640,6 +649,8 @@ declare type InfiniteTableColumnType<T> = {
640
649
  valueGetter?: InfiniteTableColumn<T>['valueGetter'];
641
650
  valueFormatter?: InfiniteTableColumn<T>['valueFormatter'];
642
651
  style?: InfiniteTableColumn<T>['style'];
652
+ headerStyle?: InfiniteTableColumn<T>['headerStyle'];
653
+ headerClassName?: InfiniteTableColumn<T>['headerClassName'];
643
654
  };
644
655
  declare type InfiniteTablePropColumnTypes<T> = Record<'default' | string, InfiniteTableColumnType<T>>;
645
656
  declare type InfiniteTableColumnSizingOptions = {
@@ -653,6 +664,10 @@ declare type InfiniteTableImperativeApi<T> = {
653
664
  setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
654
665
  setColumnVisibility: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
655
666
  x?: T;
667
+ get scrollLeft(): number;
668
+ set scrollLeft(value: number);
669
+ get scrollTop(): number;
670
+ set scrollTop(value: number);
656
671
  scrollRowIntoView: (rowIndex: number, config?: {
657
672
  scrollAdjustPosition?: ScrollAdjustPosition;
658
673
  offset?: number;
@@ -859,6 +874,7 @@ interface InfiniteTableComputedValues<T> {
859
874
  }
860
875
 
861
876
  interface InfiniteTableContextValue<T> {
877
+ imperativeApi: InfiniteTableImperativeApi<T>;
862
878
  componentState: InfiniteTableState<T>;
863
879
  componentActions: InfiniteTableActions<T>;
864
880
  computed: InfiniteTableComputedValues<T>;
@@ -899,6 +915,7 @@ declare type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
899
915
  declare type InfiniteTableColumnHeaderParams<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
900
916
  domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
901
917
  sortTool: JSX.Element | null;
918
+ dragging: boolean;
902
919
  column: COL_TYPE;
903
920
  columnSortInfo: DataSourceSingleSortInfo<DATA_TYPE> | null;
904
921
  columnFilterValue: DataSourceFilterValueItem<DATA_TYPE> | null;
@@ -936,7 +953,7 @@ declare type InfiniteTableColumnRowspanParam<DATA_TYPE, COL_TYPE = InfiniteTable
936
953
  };
937
954
  declare type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
938
955
  declare type InfiniteTableGroupColumnRenderIconFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (param: InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
939
- declare type InfiniteTableColumnHeaderRenderFunction<T> = ({ columnSortInfo, column, }: InfiniteTableColumnHeaderParams<T>) => Renderable;
956
+ declare type InfiniteTableColumnHeaderRenderFunction<T> = (headerParams: InfiniteTableColumnHeaderParams<T>) => Renderable;
940
957
  declare type InfiniteTableColumnAlign = 'start' | 'center' | 'end';
941
958
  declare type InfiniteTableColumnVerticalAlign = 'start' | 'center' | 'end';
942
959
  declare type InfiniteTableColumnHeader<T> = Renderable | InfiniteTableColumnHeaderRenderFunction<T>;
@@ -957,9 +974,13 @@ declare type InfiniteTableColumnStyleFnParams<T> = {
957
974
  column: InfiniteTableColumn<T>;
958
975
  } & InfiniteTableRowInfoDataDiscriminator<T>;
959
976
  declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | React.CSSProperties;
977
+ declare type InfiniteTableColumnHeaderClassNameFn<T> = (params: InfiniteTableColumnHeaderParams<T>) => undefined | string;
978
+ declare type InfiniteTableColumnHeaderStyleFn<T> = (params: InfiniteTableColumnHeaderParams<T>) => undefined | React.CSSProperties;
960
979
  declare type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | string;
961
980
  declare type InfiniteTableColumnStyle<T> = CSSProperties | InfiniteTableColumnStyleFn<T>;
981
+ declare type InfiniteTableColumnHeaderStyle<T> = CSSProperties | InfiniteTableColumnHeaderStyleFn<T>;
962
982
  declare type InfiniteTableColumnClassName<T> = string | InfiniteTableColumnClassNameFn<T>;
983
+ declare type InfiniteTableColumnHeaderClassName<T> = string | InfiniteTableColumnHeaderClassNameFn<T>;
963
984
  declare type InfiniteTableColumnValueGetterParams<T> = {
964
985
  data: T;
965
986
  field?: keyof T;
@@ -989,6 +1010,8 @@ declare type InfiniteTableBaseColumn<T> = {
989
1010
  sortType?: string;
990
1011
  filterType?: string;
991
1012
  style?: InfiniteTableColumnStyle<T>;
1013
+ headerStyle?: InfiniteTableColumnHeaderStyle<T>;
1014
+ headerClassName?: InfiniteTableColumnHeaderClassName<T>;
992
1015
  className?: InfiniteTableColumnClassName<T>;
993
1016
  rowspan?: InfiniteTableColumnRowspanFn<T>;
994
1017
  valueGetter?: InfiniteTableColumnValueGetter<T>;