Как добавить класс или атрибут к элементу td при использовании разбивки на страницы на стороне сервера таблицы начальной загрузки wenzhixin

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

Моя проблема в том, что я должен скрыть содержимое первого столбца, потому что я не хочу видеть все идентификаторы Guid по пользователям. Более того, данные моей таблицы поступают с разбивкой на страницы на стороне сервера. Я не мог нажать на html-код для второго столбца.

Как я могу добавить настраиваемый столбец для разбивки на страницы на стороне сервера или как добавить атрибут ко всем ячейкам в первом или втором столбце?


bootstrap-table
person S.Bayındır    schedule 16.01.2019    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Чтобы скрыть столбец, вы можете использовать либо команду JavaScript после bootstrapTable('load',..), если вы ее использовали, либо в блоке готовности документа:

$table.bootstrapTable('hideColumn', 'name')

показано на сайте Bootstrap-Table: bootstrap-table.com: showColumn -hideCoulumn

или при определении в таблице добавьте data-visible = "false" в столбец, который вы хотите скрыть. bootstrap-table.com: параметры столбца видимы т. е.

<table id="table"
  data-toggle="table"... >
<thead>
    <tr>
        <th data-field="id" data-visible="false" >ID</th>

Что касается кнопок - я не уверен, для какого типа проекта они предназначены, - но я решил это, добавив кнопки ссылок в строки таблицы с помощью средства форматирования данных - читайте об этом в документации API bootstrap-table.com/docs/api/column-options/#formatter

Я использовал примеры, найденные на github.com/wenzhixin/bootstrap-table/issues/1765 - в разделе «Формат» -> «Базовый формат» - в котором показано, как добавить ссылку (кнопка через Bootstrap CSS). Чтобы сделать ссылку специфичной для строки, используйте row [], чтобы получить значение поля, или вы даже можете использовать столбец id вместо того, чтобы скрывать его, если это ваше поле (используйте 'value' вместо row [], тогда - см. Примеры). Я сделал что-то вроде:

<th data-formatter="buttonFormatter">View Links</th>

затем в блоке javascript <script>:

function buttonFormatter(value, row, index) {
    var id= row["id"];
    var url = "https:/...&id=" + id;
    return '<a href="'+ url + '" class="btn btn-primary">View</a>';
}

Они основаны примерно на том, что я делал в последнее время - не тестировал эти примеры, но должен дать вам хорошее начало, если вы еще этого не поняли ...

person ToddN    schedule 26.02.2019