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

Question

我有一个数据表。该表显示为响应式表。 但是第一列太大了，所以在大屏幕上只能看到第一列。 现在找到了 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指定列索引。