datatables format values with text align

Question

I am using jQuery data tables and fill the data via ajax as json: https://datatables.net/examples/ajax/simple.html

var tbl = $('.mytbl').DataTable({
   "ajax": {
      url: "ajax/getData.php",
      type: "POST"
   }
});

The response of getData.php will be like this:

$myArray['data'][] = array(
   "Value 1",
   "Value 2",
   "Value 3"
} 
echo json_encode($myArray);

This works fine: But how can I define that - for example - value 2 should be text-align right in my table?

can you share your html codes ?

Mohsen TOA
– Mohsen TOA

2021-08-13 06:38:19 +00:00
Commented Aug 13, 2021 at 6:38 — Mohsen TOA
– Mohsen TOA, Commented Aug 13, 2021 at 6:38

S N Sharma · Accepted Answer · 2021-08-13 06:54:17Z

2

Try this

   var tbl = $('.mytbl').DataTable({
       "ajax": {
          url: "ajax/getData.php",
          type: "POST"
       },
       'columnDefs': [{
            "targets": 1,
            "className": "text-right",
       }]
    });

answered Aug 13, 2021 at 6:54

S N Sharma

1,5212 gold badges10 silver badges22 bronze badges

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

Comments

İsmail Y. · Accepted Answer · 2021-08-14 15:05:10Z

0

You can use render method available in Datatables.

{
    data: 'value 2 column',
    render: function ( data, type, row ) {
        return `<span style="text-align:right">${data}</span>`;
    }
}

You can also use css if all column values are right aligned.

edited Aug 14, 2021 at 15:05

İsmail Y.

3,9956 gold badges25 silver badges35 bronze badges

answered Aug 13, 2021 at 6:37

rahul rai

373 bronze badges

Collectives™ on Stack Overflow

datatables format values with text align

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related