Rendering array data in Datatable

Question

I want to display a (large amount) of data stored in an array from the fomrat:

records = ["First", "Second", "Third", "...", "last"];

I am using the following javascript to display the data.

<script>
$(document).ready(function() {
$('#example').DataTable({
  data: records,
  deferRender: true,
  ordering: false,
  columns: [
    { title: "Title" }
    ]
});
} );

But when i want to show the results each character is displayed as one row.

If is switch the representation of the records to records = [["First"], ["Second"], ["Third"], ["..."], ["last"]]; it is all fine. But I don't want to change the data structure to the last format.

Is there a possibility to render the data without a nested array?

ste-xx · Accepted Answer · 2018-07-01 09:23:59Z

1

Is it an option to transform the array inplace?:

$('#example').DataTable({
   data: records.map(e => [e]),
   deferRender: true,
   ordering: false,
   columns: [
    { title: "Title" }
   ]
});

The original array would remain unmodified.

answered Jul 1, 2018 at 9:23

ste-xx

3501 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

smsnheck Over a year ago

Well that is indeed an option. I already read through the documentation and haven‘t found any other option.

Royts · Accepted Answer · 2018-07-02 10:53:30Z

0

Is there a possibility to render the data without a nested array?

No. Datatable renders data per row by array index.

answered Jul 2, 2018 at 10:53

Royts

5417 silver badges17 bronze badges

Collectives™ on Stack Overflow

Rendering array data in Datatable

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related