Comments (8)
hey @ken-sands can you provide some example code so I can reproduce it on my end? thanks.
from vue-good-table.
closing this. Please re-open if you are still seeing the issue with an example.
from vue-good-table.
I have an issue with something similar.
The table adds .responsive as a container for the actual table.
Is there any way to remove/modify this class?
from vue-good-table.
hey @sushant-j can you explain your issue a little? are you having a name-clash with 'responsive'? or is it resulting in some unwanted behavior? a screenshot might also help.
from vue-good-table.
No, I am not having any name clash as such. The only thing is, I don't want that class as a container, as it adds overflow-x: scroll along with a 100% width.
Right now, I am overriding it, but I have to use the generated hash from the plugin to style it.
.responsive[data-v-0cff0041] {
overflow: hidden !important;
}
I would like to know if there's any way I could control this class or related styles.
from vue-good-table.
@sushant-j ok... so if i understand it right, when the screen width is smaller than your table width, you want to hide your content rather than scroll horizontally?
just to make sure we're on the same page, that class is only relevant if your table is wider than your screen width. The default behavior then is, overflowed content will be hidden and your users will never be able to view the hidden content... unless they make the window wider.
what I can do, is make that class optional so you can revert to default behavior... but just wanted to make sure there's a real usecase for this, because addition of responsive container was the result of many asking to avoid the default behavior.
from vue-good-table.
Yes, when the table is wider than the viewport, I want it hidden. I also apply hide classes to certain columns in that scenario (using thClass prop), which allows me to show a smaller subset of columns on smaller viewport widths (think mobiles, tabs, etc.)
It would be great if you could make that class optional for above reason.
from vue-good-table.
ok cool, i'll make it optional in the next patch release. will create a new issue for this
from vue-good-table.
Related Issues (20)
- Execute a function once when the dropdown is changed
- How do I add a new row?
- Property "$createElement" was accessed during render but is not defined on instance.
- Highlight search queries
- filter doesn't work in some columns
- Action button not showing when selecting a record using checkbox
- (vue-good-table-NEXT): Unable to dynamically set hidden column value
- searchFn not trigger when clean search key HOT 2
- Is this project active any longer? HOT 3
- 2 Data in 1 Row SearchFilter
- Not fully supported for RTL language HOT 1
- Preserving Selected Rows After Filtering HOT 1
- How to scroll to a specific line on vue good table HOT 4
- Cannot run app with basic table HOT 2
- mode='remote' + dropdownAllowAll enabled and selected >> total changes we should keep currentPerPage to -1
- Editable Component Value Propagation Issue
- Won't render using ts
- Updating the table when row data changes after AJAX requeset
- Customization of the checkboxes
- Style slot cannot be closed after setting table-actions HOT 1
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 vue-good-table.