Sort icon on the table


Topic: Sort icon on the table

Grf asked 5 years ago

Hi,

Just wondering, what is needed to get the nice up and down icons on a sortable table?

Thanks.


AdamJakubowski staff pro premium priority 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


Grf 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!


AdamJakubowski staff pro premium priority 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 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.


Marta Szymanska staff pro premium 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 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.


AdamJakubowski staff pro premium priority commented 5 years ago

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


Grf commented 5 years ago

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


AdamJakubowski staff pro premium priority 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 commented 5 years ago

Yes, I did act according.


Marta Szymanska staff pro premium 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


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
Tags