Comments (15)
BTW, if you didn't use !important
s all over the place, one could just use one of our helper classes, like mw-100
.
from datatablessrc.
Is there any way one pass their custom classes for paginate
? If so, i could just pass pagination justify-content-start justify-content-lg-end
and it should do the job.
from datatablessrc.
Hi,
Thanks for the feedback. You can use $.fn.dataTable.ext.classes
to modify the default classes, which is what the Bootstrap integration does.
The full lists of classes that can be customised is available here.
Also yes, removing the !important's is something I'm working for v2.
But with v1.10.18, the table shows the horizontal overflow and I have to do this:
My guess is that the table isn't in a container, but can you give me a link to a page showing the issue so I can check what is going on there please?
from datatablessrc.
Hmm, I can't see any related option to overwrite the pagination
classes. Am I blind? :S
The table shouldn't be a container... Unfortunately I can't share the exact source but here is the gist:
<div class="container main-container my-4">
<div class="row">
<div class="col-12">
<div class="table-responsive py-4">
<table class="table table-striped table-hover" id="users">
Note that it works fine with 1.10.16 but breaks with 1.10.18.
Thanks for the reply!
from datatablessrc.
The table its self certainly shouldn't be a container, but it does need to be in a container div, which yours apparently is. The dataTables_wrapper
element had a container-fluid
class before which is what makes me think this might be the issue.
Also you are right - the ul.pagination
is currently coded into the Bootstrap 4 integration.
from datatablessrc.
I tried adding back container-fluid
but didn't make any difference. And I couldn't pinpoint the exact commit this broke.
from datatablessrc.
Are you able to use JSFiddle or similar to show me the problem?
from datatablessrc.
I'll try to set up a codepen tomorrow for the overflow issue and ping you.
from datatablessrc.
@DataTables: I'm having trouble creating a codepen/jsbin without the exact data I'm using. I pinpointed the cause for the overflow-x issue.
1.10.16 adds style=width: 1065px;
in the table
. v1.10.18 adds style="width: 1114px;"
.
from datatablessrc.
So, it seems I was wrong before when I said I tried adding back container-fluid. I just tried it now and it's the container-fluid
removal that's causing this. It was wrong to use container-fluid there for sure, so perhaps you should add a max-width: 100%
in the Bootstrap CSS.
from datatablessrc.
The table should actually have width:100%
already. Have you put a container element outside of the table now?
from datatablessrc.
My markup is the same as before, see #125 (comment)
from datatablessrc.
My point is, is there a container at a higher level, or does the DataTable sit in a DOM structure which doesn't have a Bootstrap container.
This thread has discussion about the change. I'd really need a test case showing the issue to be able to offer any other help.
from datatablessrc.
from datatablessrc.
You are right - I missed that!
from datatablessrc.
Related Issues (20)
- ESM & JsDelivr: Restricting constraint to prevent matching the invalid 2.1.1 tag HOT 14
- GitHub and NPM's variants of 1.13.8's dist files still show 1.13.7 as their version number (with 1.13.8's changes) HOT 4
- Stripe option but no stripes HOT 2
- Ability to set database charset in ssp_class HOT 1
- Page event isn't being triggered by a page length change HOT 1
- Change in behavior breaks existing applications HOT 6
- Scroller not working with Datatables v2 HOT 4
- Column sorting is much slower in v2 HOT 4
- Column definitions and hidden columns don't work together HOT 1
- 2.0.0 broke coloring bootstrap 5 tables using table-{color} HOT 3
- Possible optimization for `detach` call in `_fnDraw` HOT 16
- Wrong type DataTable.ext.classes 2.0.0 HOT 2
- Exception thrown when column is invisible and row got removed and immediately draw() called HOT 11
- ColReorder 2.0.0 release borked HOT 2
- Layout option behaving differently than stated in documentation? (stacking vs. side by side) HOT 1
- Pagination broken in 2.0.4 HOT 10
- Wrong type of layout null HOT 3
- Column sorting: Columns with identical entries for all data sets ordered differently depending on sorting direction (asc/desc) HOT 4
- [Faeature Suggestion] Bulma 1 support with dark mode HOT 1
- Column width broken since version 2 HOT 15
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 datatablessrc.