Почему заголовок столбца и ширина TD не совпадают в таблицах данных?

Question

У меня есть эта таблица в нормальном состоянии, что я уже установил ширину.

Но когда я добавляю длинный текст в TD, ширина TH и ширина TD не совпадают,

Как видите, ширина TH меньше ширины TD.Это код, который я использовал для фиксированной ширины:

$(document).ready(function() {
        var table = $('#table_id').DataTable( {       
            scrollX:        true,
            scrollCollapse: true,
            autoWidth:         true,  
            paging:         true,       
            columnDefs: [
            { "width": "50px", "targets": [0,1] },
            { "width": "300px", "targets": [2] }
            ]
        } );
    } );

Знаете ли вы, в чем проблема?Любая помощь будет оценена!

Answer 1

Попробуйте свойство CSS table-layout с фиксированным значением.https://www.w3schools.com/cssref/pr_tab_table-layout.asp