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
20,762
questions
-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 ...