Skip to main content

Questions tagged [datatables]

DataTables is a plug-in for the jQuery JavaScript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Do not use this together with [datatable].

datatables
-1 votes
0 answers
33 views

Html table columns displayed at rows positions [duplicate]

Assume we have this code with high number of columns ( similar to my project sceanrio ): $(document).ready(function() { $('#example').DataTable({ responsive: true }); }); .crud-btn { ...
2 votes
0 answers
63 views

DataTable table ordering fails when used in HTMX responsive table

I have played around with a few ways to create responsive tables and I like the htmx approach. The issue I run into is I loose some of the DataTables functions I have relied upon, mainly the ability ...
28 votes
7 answers
31k views

jQuery dataTables - left align sort icon

as you can see the sort icons on my Datatable are on the far right of the column: Is it possible to align these on the left so they appear just after the text? ie. # ^ Technician ^ ...
0 votes
1 answer
24 views

DataTable is initialized with a "No result to display" but the dt-length, dt-search, dt-info and dt-paging is showing and dt-paging NaN as data-dt-idx

jQuery: 3.7.1 DataTable: 2.0.6 $(#dtTable).DataTable({ paging: true, ordering: true, serverSide: true, searching: true, // ordering of the table default [column,direction] ...
0 votes
1 answer
41 views

jquery removeClass not removing the class

In my createdRow function for my datatable, I am trying to remove a class from the last TD. Below is the code for the function. The add class was just a test to see if the function was being fired and ...
92 votes
10 answers
220k views

How to show all rows by default in JQuery DataTable

Does anybody know how to show all rows by default in jQuery datatable? I have tried this code, but it only shows 10 rows by default. $("#adminProducts").dataTable({ "aLengthMenu": [100] ...
3 votes
2 answers
16k views

Datatables align center

I have a table on a page and retrieving and displaying contents using datatables. But the columns are not aligned to the center. This is how it looks right now. Click Here . This is how I am creating ...
0 votes
1 answer
43 views

Yajra Laravel Datatables preventing one column sorting only works when sorting another column

I'm trying to create a datatable as follows but I do not want the first and last column to be printed, sortable or even used for searches but that only works when I click on the sort buttons to sort a ...
13 votes
10 answers
26k views

Bootstrap's dropdown hidden by datatables

I'm using Twitter Bootstrap to create a button with a DropDown menu for each row in a DataTables grid, but the data container from DataTables is using "overflow: hidden" what is making the DropDown to ...
1 vote
3 answers
1k views

DataTables filters column when clicking on input field inside Header

I have a DataTables instance that appends a select in the header of a table. Here is a codepen showing it. Here is the relevant part of code that adds the select to the header initComplete: ...
0 votes
2 answers
5k views

table.column(0).checkboxes.selected() returns all rows of datatable

I'm new to datatables and have implemented checkbox's in each row of data table. I have followed this sample for this. I just want to return only selected row's data, but instead it returns all data ...
1 vote
1 answer
80 views

DataTable is not initialized when returned data is empty

We have a dynamic set up of DataTable v1.10.20 to initialize a datatable event if data is empty as it will be filled up with specific data when the select option is selected. Now we updated jQuery ...
0 votes
0 answers
58 views

DataTables: get the row number of a paginated result from a php script

I have an index.html page showing a table where the results are obtained by DataTables with server-side processing. The results are paginated, and each row has 8 columns: the first column shows an ID ...
1 vote
1 answer
56 views

Datatable .column() not returning anything

I have the following code using datatables 1.10.18 (yes, I know, it's old code and updating the datatables version would require a lot of rewrites): <table id='testtable' class='datatable'> &...
0 votes
1 answer
14k views

Column nowrap using datatables not working

Having a Datatable as below: "Wifi Code" shows the wifi code value, and if the user has provided an email/phone, a respective button is added also to send email/Sms. I'm trying to display "Wifi ...

15 30 50 per page