Questions tagged [datatables-1.10]

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

DataTables 1.10 is all about making it easier, for yourselves, the developers using DataTables, to produce high quality interactive tables for your end users. A detailed list of the new features is available including:

  • New flexible API
  • New styling options
  • camelCase notation
  • HTML 5 data-* attributes for orthogonal data
  • Currency, percentage and formatting number sorting support
  • Enhanced paging control
  • Improved accessibility

Source: http://datatables.net/

813 questions
11
votes
1 answer

How to modify row counts when displaying alphabetized search results

I am using DataTables to create a table that is able to dynamically filter context. I am following the basic example, here. However, I want to make one customisation: To display alphabetised results in my table, with a "title row" for each alphabet…
alias51
  • 8,178
  • 22
  • 94
  • 166
9
votes
1 answer

Render using formatted data, Sort using raw data in DataTables.net

Here is a sample of my datatables config { "dom" : "rltip", "processing" : true, "serverSide" : false, "order" : [ [ 1 , "desc" ] ], "searching" : false, data: [ { "column-a" : "Sample Data A" , "column-b"…
Jplus2
  • 2,216
  • 2
  • 28
  • 49
9
votes
4 answers

Spring MVC + DataTables 1.10 Parameters binding

I'm trying to do a controller that do the Server Side for DataTables. @RequestMapping(value="/grid", method={RequestMethod.GET}, produces= MediaType.APPLICATION_JSON_VALUE) @ResponseBody public DataTablesResponse
renanleandrof
  • 6,699
  • 9
  • 45
  • 67
8
votes
4 answers

How to set the href in a DataTables button?

I use DataTables to format my tables. I also use their plugins for Buttons. I am trying to create a custom button to redirect to a different page where I'll create an Excel file for download. I'm just not sure how to set the href. I've tried…
Mike
  • 1,853
  • 3
  • 45
  • 75
8
votes
1 answer

How to set column width for DataTables

I want to set static width for all DataTables (with scroll plugin) columns. It makes the columns wider if I set width for all tags except one. And it doesn't work if the width is set for all tags. Plus, when I inspect via the developer tools,…
srgbnd
  • 5,404
  • 9
  • 44
  • 80
8
votes
2 answers

DataTables row.add() doesn't work with serverSide option

I'm trying to do something like this https://datatables.net/blog/2012-05-31 However, I'm also using Server Side Processing. My problem is at the adding new rows section. Here is my example that doesn't work: var t = $("#table").DataTable({ …
Renatto Machado
  • 1,534
  • 2
  • 16
  • 33
8
votes
2 answers

Populating Datatables with JSON array from GET request

I know that there has been many answers and tutorials about populating Jquery Datatables with data but I always get to the point of getting the following exception: Uncaught TypeError: Cannot read property 'length' of undefined I, being mainly a…
Smajl
  • 7,555
  • 29
  • 108
  • 179
8
votes
1 answer

put data attribute on row add on DataTables 1.10

I dynamically add new row on DataTables 1.10.2 using the table.row.add() method using this code: table.row.add([ '', name, target_l, details, panel.html() ]).draw(); I produced this mark-up: …
Gideon
  • 1,469
  • 2
  • 26
  • 57
8
votes
1 answer

Datatables 1.10 - HTML5 "data-order" attr in TD takes no effect

I'm having trouble ordering a column which has HTML in it. It is stated in the documentation for 1.10 that this should be taken care of by default, but It doesn't. Then I looked into the new features of 1.10 and saw that if there was a "data-order"…
Marty
  • 463
  • 2
  • 6
  • 14
7
votes
1 answer

DataTable with JSON data

I am trying to create a table using DataTable but having a hard time getting DataTable to load with JSON object. function getData() { var request = new XMLHttpRequest(); var json = "link-to-my-json-object"; // Get JSON file request.onload =…
nord
  • 77
  • 1
  • 2
  • 11
7
votes
1 answer

Total of a column in DT dataTables in shiny

I am trying to calculate the total of a column in my shiny app using DT::datatable. By total I mean the sum of all elements in a table not just what is showing in the current pagination. Following this example the following code should work (but it…
JdeMello
  • 1,708
  • 15
  • 23
7
votes
1 answer

How to customize jquery datatables export such as PDF Excel Print and CSV?

I am using a jQuery DataTables from datatables. I want to customize the export files plugin of those tables such as CSV, Excel, PDF and the Print button. If I print a PDF it always said in the header the title of the jQuery Data Table file export.…
Jaaayz
  • 1,533
  • 7
  • 27
  • 59
7
votes
2 answers

dataTables export button display in custom position?

I want to show my dataTable export button in custom div . how can I Do this ? my Current code this is default code and buttons show seperatly on top of my table. how can I edit this? $(document).ready(function() { $('#example').DataTable(…
user5534204
7
votes
1 answer

Can clusterize.js be used with datatables.net?

I load a large amount of data into my tables.I am using datatables to help with search, sorting, pagination, etc. With the large amount of data (and styled rows), it can often take a long time to render in the browser.Is it possible to use…
Marklar
  • 1,247
  • 4
  • 25
  • 48
7
votes
1 answer

Alert the page no. on jQuery dataTables page change event

The following is working for me: $('#datatable').on('page.dt', function() { alert("changed"); }); Whenever I am changing the page,the alert is shown.But if I want to alert the page no. which is clicked then what's the way
sajju217
  • 447
  • 3
  • 7
  • 19
1
2
3
54 55