Make variable number of columns in datatables

Question

I'm trying to make a table and need to do something like this in the configuration of the datatable:

    $(document).ready(function() {
            var conta_col = document.getElementById("input_x").value;
            var table = $('#dataart').DataTable( {
              ....
              ....  
                "columns": [ 
                    {"width": "10%"},
                    {"width": "35%"},
                    {"width": "10%"},
                    {"width": "6%"},
                    {"width": "5%"},
                    while (conta_col >= 1) {
                        {"width": "5%"};
                        conta_col--;
                    },
                    {"width": "14%"}
                ],
...

Is it posible??? thank's.

Tibrogargan · Accepted Answer · 2016-03-14 23:04:55Z

3

The value you're giving as the value of the "columns" key in your data table is just an array.

var columns = 
     [ {"width": "10%"}
     , {"width": "35%"}
     , {"width": "10%"}
     , {"width": "6%"}
     , {"width": "5%"}
     ];
while (conta_col >= 1) {
    columns.push( { "width" : "5%" }; )
    conta_col--;
};
columns.push( {"width": "14%"} );
...
var table = ${'#dataart').DataTable( {
   ...
   "columns" : columns,
   ...
} );
...

answered Mar 14, 2016 at 23:04

Tibrogargan

4,6323 gold badges21 silver badges41 bronze badges

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

1 Comment

teikuei Over a year ago

works fine, thank's. Only have to change columns.push( { "width" : "5%"} );. It's what I need. Thank you very much.

Collectives™ on Stack Overflow

Make variable number of columns in datatables

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related