How to customize width of th or td in jQuery datatable according to data?

Question

I am using jQuery data-table, initially that data-table will be blank after ajax call it will show data but some data and their heading is breaking. How to customize width of them that it should be show in a single line without break?

In HTML----

<th width="20%" align="left" valign="middle">ON US / ON UK</th> 
<th width="20%" align="left" valign="middle">Merchant Percentage Commercial</th>

In JS Code---- I put width dynamically while getting data from ajax call.

"columns" : [{
      "data" : "ON US/ ON UK",
      "width" : "20%"
      },  
          {
      "data" : "merchant Percentage commercial",
      "width" : "25%"
      }]

I wants that all heading of datatable and data should come in one line without break.

Can you please share your js and html code

Jaimin Panchal
– Jaimin Panchal

2019-05-07 06:56:46 +00:00
Commented May 7, 2019 at 6:56 — Jaimin Panchal
– Jaimin Panchal, Commented May 7, 2019 at 6:56

DarkDuster · Accepted Answer · 2019-05-07 07:02:53Z

1

In order to achieve this, you may refer to https://datatables.net/forums/discussion/45615/how-to-load-table-from-ajax-request

also, look at this https://datatables.net/reference/option/ajax.data

answered May 7, 2019 at 7:02

DarkDuster

1031 silver badge11 bronze badges

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

Collectives™ on Stack Overflow

How to customize width of th or td in jQuery datatable according to data?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related