Sort icon on the table


Topic: Sort icon on the table

Grf free asked 3 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 3 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 3 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 3 years ago

@import is used to connect files in scss and in css it may not work


Grf free commented 3 years ago

But that's what I'm doing, or not?


Adam Jakubowski staff commented 3 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 3 years ago

Yes, I did act according.


Marta Wierzbicka staff answered 3 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 3 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 3 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 3 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 3 years ago

Hi,

Could you more accurately explain which icons you want to change and where you would like to place them ?

Best,

Adam


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: 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