Comments (6)
Looks like the issue was caused by table-layout: fixed style. Removing this style fixed the issue. Closing the ticket.
from tablesaw.
Looks like on ipad landscape .tablesaw-fix-persist class is automatically added to the table. It applys table-layout: fixed style. And it causes unexpected behavior when user scrolls lowly though the table.
See screen shots:
- User initially scrolled to table: http://take.ms/7BJi0
- User slowly scroll down through the table:
a. http://take.ms/7rjVz
b. http://take.ms/FU0ro
c. http://take.ms/tM4k7
As you can see, width of the first column increases constantly... Just scroll http://bit.ly/1uvy7Ay back and forth on ipad (in landscape mode).
from tablesaw.
Your code isn't valid: http://validator.w3.org/check?uri=http%3A%2F%2Fdemo.omnigon.com%2Ftemp%2Ftablesaw%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
from tablesaw.
Validation errors are fixed (updated code is deployed to demo site). However issue still persists.
from tablesaw.
Make sure you’re using proper table markup: put your <th>
elements instead of <thead>
. I added an error message for this very thing to tablesaw: #42
from tablesaw.
Thanks for clarifying the issue!
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.