Как выбрать несколько столбцов по умолчанию в jQuery Bootgrid - PullRequest
Новая
       11

Как выбрать несколько столбцов по умолчанию в jQuery Bootgrid

0 голосов
/ 25 сентября 2019

Я пытаюсь использовать http://www.jquery -bootgrid.com / examples # data-api

Когда таблица загружается из базы данных SQL, все столбцы отображаются как все флажкипомеченный в раскрывающемся меню (изображение прилагается), я хочу, чтобы только выбранные столбцы отображались по умолчанию, и пользователь может пометить поле столбца realted в флажке, чтобы сделать его видимым.

. Изображение здесь 

<table id="employee_grid" class="table table-condensed table-hover table-striped" width="70%" cellspacing="0" data-toggle="bootgrid">
            <thead>
                <tr>
                    <th data-column-id="id" data-type="numeric" data-identifier="true">id</th>
                    <th data-column-id="own_referrer">O_Refferer</th>
                    <th data-column-id="own_aact_status">own_aact_status</th>
                    <th data-column-id="rate">rate</th>
                    <th data-column-id="text_Details">text_Details</th>
                    <th data-column-id="remarks">remarks</th>

                    <th data-column-id="commands" data-formatter="commands" data-sortable="false">Commands</th>
                </tr>
            </thead>
</table>

1 Ответ

1 голос
/ 25 сентября 2019

нашел решение.Просто добавьте (data-visible = "false") (без скобок) к соответствующей строке в таблице. 

<table id="employee_grid" class="table table-condensed table-hover table-striped" width="70%" cellspacing="0" data-toggle="bootgrid">
    <thead>
        <tr> 
           <th data-column-id="own_referrer" data-visible="false">O_Refferer</th> 
           <th data-column-id="own_referrer">O_Refferer</th>
           <th data-column-id="own_aact_status">own_aact_status</th>
           <th data-column-id="rate">rate</th>
           <th data-column-id="text_Details">text_Details</th>
           <th data-column-id="remarks">remarks</th>
           <th data-column-id="commands" data-formatter="commands" data-sortable="false">Commands</th>
        </tr>
    </thead>
</table>
...