Search

The most basic example use of DataTables in a React application is shown below: import { useState } from 'react'; import DataTable from 'datatables.net-react'; import DT from 'datatables.net-dt'; import './App.css'; DataTable.use(DT); function App() { const [tableData, setTableData] = useState([ [ 'Tiger Nixon', 'System Architect' ], [ 'Garrett Winters', 'Accountant' ], // ... ]); return ( <DataTable data={tableData} className="display"> <thead> <tr> <th>Name</th> <th>Position</th> </tr> </thead> </DataTable> ); } export default App;

client-side only field. The initialisation code for the DataTables

DataTables way, through their initialisation options. In this example

builds on the stateSave initialisation option by allowing users

give the following controller initialisation. Editor::inst( $db, 'users' ) ->field(

it can be used. initComplete can be used to

option. Using the bCaseInsensitive initialisation option or the 6th

suite up-to-date. All new initialisation parameters have unit tests,

it was before DataTables initialisation took place. By calling

datatables.net-buttons-dt'; import 'datatables.net-responsive-dt'; // DataTables initialisation let table - new DataTable('#myTable',

Hi @Nite01 , The init() api method might do what you want here. It returns the object that was used to initialise the table so you can check that. Thanks, Sandy

Try moving the buttons init code into the document.ready()

the last line of initComplete so it executes after the initial table draw() but before

First I would temporarily remove the Datatables init code to see how long the page takes to load without Datatables. This should help to determine if Datatables rendering is the problem. Kevin

that uses the Constructor init. It uses fixedColumns().left() to

the file is the init per the example: $(document).ready(function

element.status = 'waiting'; }); Then in init complete I fetch the status using ajax initComplete: function () { data.forEach((element) => { var

problem is with the initComplete code you pasted. Its

assigned to the Datatables init code is not available in initComplete. Sounds like you have

You need to call $('#entregas-list').prepend(entrega.dom); before initializing Datatables so the select event listeners can be applied to the table in the DOM. I updated the example by moving that statement above the Datatables init code. http://live.datatables.net/lekiqoyu/1/edit Kevin