Comments (4)
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.
from tablesaw.
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.
from tablesaw.
The mixin will not work with any other css file, correct? For example: tablesaw.bare.css
from tablesaw.
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.
from tablesaw.
Related Issues (20)
- Remove table-layout: fixed for swipe tables.
- Tablesaw.js causing multiple console issues like placeholder is undefined, focus() is not a function
- Tablesaw choking with large data sets? HOT 3
- Fire event after initialization is complete
- Media query breaking format for print HOT 1
- Column Name missing on mobile view HOT 2
- Using tabs with hidden tables prevents hidden tables from being initialized HOT 2
- Colspan behavior in stack mode HOT 1
- Bug with rowspan
- Remember options after page refresh
- B Tags for Column Headers
- Error in not tablesaw tables
- Re-initialising tablesaw 3.1.2 in swipe mode HOT 1
- Table is not accessible by screen readers at mobile display size HOT 1
- Initialize with Selector Instead of Data Attribute?
- Swipe table doesn't work properly with datatables plugins
- header sorting is not working when append data from api
- Not working well on angular project
- Shoestring, jQuery, Webpacker expose-loader, mayhem... HOT 2
- TypeError: $(...).metisMenu is not a function HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tablesaw.