jquery datatable строки тела, выровненные с рядами головы

Question

Привет, я использую таблицы данных jquery, и всякий раз, когда я устанавливаю класс table-sm, чтобы уменьшить размер таблицы, строки не совпадают с телом с головой ... Кажется, я не могу понять, почему это происходит

<div class="table-responsive">
                <table id="tblParametros" class="table table-sm table-bordered border-dark table-striped table-light text-center" width="100%">
                    <thead class="thead-dark">
                        <tr>
                            <th rowspan="2">Id</th>
                            <th rowspan="2">Referência</th>
                            <th rowspan="2">UAP</th>
                            <th rowspan="2">Dias</th>
                            <th rowspan="2">Turnos</th>
                            <th colspan="4">PAB(s)</th>
                            <th rowspan="2"></th>
                        </tr>
                        <tr>
                            <th>Nº</th>
                            <th>Alcance de Abastecimento</th>
                            <th>Quantidade Mínima</th>
                            <th>Quantidade Máxima</th>
                        </tr>
                    </thead>
                </table>
            </div>

<script>
     $(function () {
        table = $('#tblParametros').DataTable({
            scrollY: "60vh",
            ajax: {
                url: '@Url.Action("List","Parametros")',
                dataSrc: ""
            },
            columns: [
                { data: "id" },
                { data: "referencia" },
                { data: "uap" },
                { data: "numDias" },
                { data: "numTurnos" },
                { data: "numPAB" },
                { data: "alcanceAbastecimento" },
                { data: "qtdMin" },
                { data: "qtdMax" },
                {
                    data: "id",
                    render: function (data, type, row) {

                        return '<button class="btn btn-dark" onclick="EditParametro('+data+')" data-izimodal-open="#modal" data-izimodal-transitionin="fadeInDown">' +
                            '<i class="fas fa-edit"></i>' +
                            '</button>';
                    }
                }
            ]
        });
    });
</script>

Есть ли способ уменьшить строки таблицы без создания набора селекторов CSS?Буду признателен за помощь

Answer 1

Я не могу решить, какова цель.если мы хотим сделать строки таблицы более узкими, тогда мы можем нацелить содержащий div:

.table-responsive{
   width: 50%;
 }

, если мы хотим сделать текст строки меньшим, чем:

.table-responsive{
   font-size: 50%;
 }

я счастливразработать.