Column header is not coming on the right position of the column value after grouping data

Column header is not coming on the right position of the column value after grouping data

polachanpolachan Posts: 101Questions: 50Answers: 0

I am using the data table to show the report by grouping of Branch, Employee . But after grouping the detail record doesn't show in right position. Please can you help. Each column header doesnot show the same position of the column value.
It would be very appreciated if you can give the help
https://jsfiddle.net/Lkxqh8cw/

Answers

  • kthorngrenkthorngren Posts: 20,139Questions: 26Answers: 4,734

    I didn't try it but my guess is you should include the Datatables Bootstrap integration files. This may help the styling to align the columns. This is the doc:
    https://datatables.net/manual/styling/bootstrap

    The examples for Datatables and the extensions have a styling section which you can see what files are needed.

    https://datatables.net/examples/styling/bootstrap.html
    https://datatables.net/extensions/rowgroup/examples/styling/bootstrap.html

    The Download Builder can be used to get all the correct files based on the styling framework you want to use.

    Kevin

  • polachanpolachan Posts: 101Questions: 50Answers: 0

    Kthorngren
    Many thanks for the reply. The problem of alignment is Remark column' When the value of Remark is longer , the alignment is all became mess. Is there anyway can fix by fixed length of remark column and with word wrap

  • colincolin Posts: 15,112Questions: 1Answers: 2,583

    This sounds like a duplicate of this thread.

  • polachanpolachan Posts: 101Questions: 50Answers: 0
    edited March 2019

    I hope this problem can be fixed if I can use dt-center for rest of the column from 2 to 11 , but the same time, targets: [0, 1] should be visible = false. Please can you help me with suggested code how to use dt-denter to center the column from 2 to 11 and along with 0-1 visible = false. I want to apply dt-center in my code given on the link

    https://jsfiddle.net/Lkxqh8cw/

    It is very urgent please help

    $('#example').dataTable({
    "columnDefs": [
    {"className": "dt-center", "targets": "2l"}
    ],

  • polachanpolachan Posts: 101Questions: 50Answers: 0

    I sorted the problem thanks for the help

This discussion has been closed.