Как вставить кнопки в ряд данных? - PullRequest
Новая
       1

Как вставить кнопки в ряд данных?

0 голосов
/ 18 октября 2019

Теперь у меня есть код для получения списка объектов, которые я буду использовать для заполнения данных, но я хочу добавить кнопку в каждую строку. Как это сделать? 

var hCols = [];
model = @Html.Raw(Json.Encode(ViewBag.TableData));
var columns = [];
data = JSON.parse(model);
columnNames = Object.keys(data[0]);
for (var i in columnNames) {
    columns.push({
        data: columnNames[i],
        title: columnNames[i]//capitalizeFirstLetter(columnNames[i])
    });
}

1 Ответ

0 голосов
/ 18 октября 2019

Кажется, что из вашего кода данные передаются через viewbag, который приходит с сервера. Я думаю, что правильный способ сделать это - вместо рендеринга данных из вашего скрипта вы рендерите данные с сервера (синтаксис Razor), а затем инициализируете таблицу данных. 

<html>
  <body>
    <table class="table">
      <thead>
        <tr>
          <th>Property</th>
          <th>Button</th>
        </tr>
      </thead>
      <tbody>
        <!--Server Side Rendering-->
        @foreach(var i in ViewBag.TableData){
          <tr>
            <td>@i.PropertyName</td>
            <td>
              <button href="#">@i.PropertyName</button>
            </td>
          </tr>
        }
      </tbody>
    </table>

    <script>
      // Include jquery and datatable library
      // Initialize datatable

      $(document).ready(function(){
        var table = $('.table').DataTable();
      });
    </script>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...