Asp.net mvc 如何在datatable行中插入按钮？_Asp.net Mvc_Datatable

Asp.net mvc 如何在datatable行中插入按钮？

asp.net-mvc

Asp.net mvc 如何在datatable行中插入按钮？,asp.net-mvc,datatable,Asp.net Mvc,Datatable,现在，我有了代码来获取用于填充datatable的对象列表，但我想在每一行中添加一个buton。怎么做 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({

现在，我有了代码来获取用于填充datatable的对象列表，但我想在每一行中添加一个buton。怎么做

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])
    });
}

从您的代码来看，数据似乎是通过来自服务器的viewbag传递的。我认为正确的方法是，不是从脚本中呈现数据，而是从服务器中呈现数据（Razor语法），然后初始化datatable

<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>


财产
按钮
@foreach（ViewBag.TableData中的变量i）{
@i、 属性名称
@i、 属性名称
}
//包括jquery和datatable库
//初始化数据表
$（文档）.ready（函数（）{
var table=$（'.table'）.DataTable（）；
});