javascript - 如何在 JQUERY 数据表中添加下拉菜单？

Question

我想在数据表中添加下拉列表。但它不起作用。

在这里，我添加了我尝试过的代码：

_dataTables.markAttendanceTable = $('#markAttendanceTable').DataTable(
{

      dom: '<"pull-right"f>rt<"bottom"ip><"clear">',
      ordering: false,
      searching: false,
      paging: true,
      pageLength: 10,
      fixedColumns: false,        
      data: GetAllMarkAttendance(eventId),
      language: {
          search: "_INPUT_",
          searchPlaceholder: "Search"
      },

      columns: [
        { "data": "Login.Name", "defaultContent": "<i>-</i>" },
        {"data":null ,          

        render: function (d, t, r) {
            debugger;
                var $select = $("<select></select>", {
                    //"id": //r[0]+"start",
                    "id": "Select",
                    "value": "Select"
                });
                $.each(attended, function(k,v){
                    var $option = $("<option></option>", {
                        "text": v,
                        "value": k
                    });
                    if(d === v){
                        $option.attr("selected", "selected")
                    }
                    $select.append($option);
                });
                return $select.prop("outerHTML");
            }
        },


      ],
      columnDefs: [
            { className: "text-left", "targets": [0] },
            { className: "text-center", "targets": [] },

       //{ width: "30%", "targets": [0] },
       //{ width: "25%", "targets": [1] },

      ],
  });

请给我你的建议。

标签： javascriptc#jqueryrazor