Width customization

[worldofsmarty]

How to customize the size at which the table is converted to stack. Default is 40em (640px) How to increase say 60em or 900px

[relaxatorium]

If you are only using the stack tables, I think you can accomplish this with the SCSS mixin (see the "Using Stack-Only TableSaw SCSS Mixin" section of the Readme).

If you are only using CSS, or are using the full tablesaw plugin, then currently I think you'd need to just add additional tablesaw targeted media queries using your requested size to your own CSS, using the same stack table CSS the default uses. That solution is a bit of a hack outside the plugin, but would likely work.

[zachleat]

Thanks @relaxatorium!

This is the main reason we provide the SCSS mixin. If you aren’t using SCSS in your workflow, unfortunately some monkey patching is in your future.

https://github.com/filamentgroup/tablesaw/blob/master/dist/tablesaw.css#L552
https://github.com/filamentgroup/tablesaw/blob/master/dist/tablesaw.css#L568
are the two lines to update.

Please reopen if you have additional questions.

[extractachris]

The mixin will not work with any other css file, correct? For example: tablesaw.bare.css

[relaxatorium]

That is correct, I believe.

It probably could be made to work with the tablesaw.bare.css with some wrangling or overrides, but with the current project infrastructure, tablesaw.stackonly.scss (which provides this mixin) is only a drop-in replacement for tablesaw.stackonly.css, which includes all the default tablesaw styles.