MDBDatatable


Topic: MDBDatatable

asifyali asked 2 years ago

My <th> classes are getting stripped off pl see below

<th class="">Date<i class="fa fa-sort float-right" aria-hidden="true"></i></th>

 

whereas the example has all these classes which i need.

 

 

<th class="th-sm sorting_desc" tabindex="0" aria-controls="dtBasicExample" rowspan="1" colspan="1" aria-label="Name
           
          : activate to sort column ascending" style="width: 138px;" aria-sort="descending">Name
            <i class="fa fa-sort float-right" aria-hidden="true"></i>
          </th>

 

I have no control over <th as i am declaring the datatable as:

<MDBDataTable
striped
bordered
hover
small
data={data}
order={['date', 'desc']}
info={true}
/>
Thanks for any help!!!

Jakub Mandra staff premium answered 2 years ago

Hey, thanks for posting.

That brings the problem out - we should add attributes for table components, so they would be more controllable and customizable.

Unfortunately, for now it is not possible to add your custom attributes.


Q.1 I want to ask that how we put search box at every column. Q. 2 How to change Position and CSS of Footer elements. I am naive in this please give me a proper way to do this.


Jakub Chmura staff premium commented a year ago

I need to redirect you to your thread. https://mdbootstrap.com/support/react/how-to-get-search-box-at-every-column-in-datatable/


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: React
  • MDB Version: 4.8.4
  • Device: Web
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No