Topic: Sort icon on the table
Grf free asked 5 years ago
Hi,
Just wondering, what is needed to get the nice up and down icons on a sortable table?
Thanks.
Marta Wierzbicka staff answered 5 years ago
Hi,
please send me your file or project to m.szymanska@mdbootstrap.com. I will check this and replay you.
Best, Marta
Grf free answered 5 years ago
Hi,
Just don't get it why this style is not part of the css when I compile the package.
@import './bootstrap/scss/bootstrap';
@import './bootstrap/scss/reboot';
@import './mdbootstrap-pro/scss/mdb';
Am I overlooking something?
Best.
Adam Jakubowski staff commented 5 years ago
@import is used to connect files in scss and in css it may not work
Grf free commented 5 years ago
But that's what I'm doing, or not?
Adam Jakubowski staff commented 5 years ago
Did you import our data table according to the documentation on https://mdbootstrap.com/docs/jquery/tables/sort/#introduction ? From bootstrap we only import functions and variables.
Grf free commented 5 years ago
Yes, I did act according.
Marta Wierzbicka staff answered 5 years ago
Hi,
the .table-striped
class is a Bootstrap class and we use this in MDB package. Do you need more help with that?
Best, Marta
Grf free answered 5 years ago
Hi,
Yes, these are part of the import-stratement in de mdb.scss file. However if I search for 'table-striped through all files that came with MDBootstrap Jquery, I noticed that only bootstrap.css has the table-striped styling and no other file contains this styling. Just wondering how that works, because none of the mdbootstrap files has this styling.
Thanks.
BR.
Adam Jakubowski staff answered 5 years ago
Hi,
Did you attached our database plugin into your code ? Please have a look at this page Sort Table Introduction and click on Getting Started
Best,
Adam
Grf free answered 5 years ago
Hi,
In the head of the table there is a option to click on the column name and then the table sorts on that column. Please have a look at this page Sort table example The icons on the right of the column name.
Secondly, I noticed that although I added the class 'table-striped', my table is not striped.
<table id="tideTable" class="table table-bordered table-striped table-responsive table-sm">
The table is not striped. Which scss-file contains the styling for the striped class?
Thanks you!
Adam Jakubowski staff answered 5 years ago
Hi,
Could you more accurately explain which icons you want to change and where you would like to place them ?
Best,
Adam
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.6
- Device: Mac Book Pro
- Browser: Firefox Developer
- OS: OSX
- Provided sample code: No
- Provided link: No