Question

我正在获取数据作为响应，但是无法将其添加到数据表行中。有人可以帮我吗？

这就是我想要做的：

    export default (id) => {

  if (!$.fn.dataTable) return;

  $('#'+id).DataTable({
    destroy: true,
    pageLength: 8,
    responsive: true,
    ordering: false,
    searching: false,
    info: true,
    lengthChange: false,
    stripeClasses: [],
    processing: true,
    serverSide: true,
    ajax: {
      url  : `${Config.baseUrl}/homepark/list?page_no=1&settingType=dashboard&isActive=1&categoryId=active-listings`,
      type : 'GET',
      "beforeSend" : function(xhr) {
        xhr.setRequestHeader('userToken',localStorage.getItem('accessToken'));
      },
      "dataSrc": function ( json ) {
        const data = json.response.users
        console.log('@@@', data);
        // data = data.row\````
      },
    },
  });
};

这是我从json.response.users的后端得到的结果：

(4) [{…}, {…}, {…}, {…}]
0: {name: "testt", data: "0"}
1: {name: "testt11", data: "1"}
2: {name: "testt11", data: "2"}
3: {name: "testt11", data: "3"}
length: 4
__proto__: Array(0)

Answer 1

这里似乎有两个问题-此示例here显示了如何解决这两个问题。

您的数据不在“数据”对象下，而是在顶层，因此您要将ajax.dataSrc设置为“”（请参见示例）。返回对象数组时，需要告诉DataTables列如何与对象的元素匹配。参见该示例中的columns.data，

在reactjs中渲染数据表行

1 个答案: