数据表响应和第一列固定宽度

Question

我有一个DataTable。该表显示为响应式表。 但是第一列是大的，所以在大屏幕上只看到第一列。 现在找到columnDefs来设置列的宽度。好的，但不是响应。 有没有人对固定宽度和响应的组合进行解决？

           $(document).ready(function() {
                var table = $('#tablePager').DataTable( {
                    responsive: true,
                    paging: false,

                    /*columnDefs: [
                        { "width": "20%" }
                      ]*/
                    colReorder: {
                        reorderCallback: function () {
                            console.log( 'callback' );
                        }
                    }
                } );

            } );

Answer 1

        $(document).ready(function() {
            var table = $('#tablePager').DataTable( {
                responsive: true,
                paging: false,
                "columnDefs": [
                    { "width": "20%", "targets": 0 }
                ]
                colReorder: {
                    reorderCallback: function () {
                        console.log( 'callback' );
                    }
                }
            } );

        } );

使用target指定列索引。