datatable-js-data

 var application_pk = $("#Rmc_Act_Application_APPLICATION_PK").val();
            var dataProjekPk = $.ajax({
                type: 'GET',
                url: '/Activity/GetSenaraiProjekFk',
                dataType: "json",
                data: { application_pk: application_pk },
                success: function (data) {
                    if (data.length > 0)
                    {"PROJECT_PK:" + data.PROJECT_PK + ", COST_CENTRE_NO:" + data.COST_CENTRE_NO;}
                }
            });

            ExpenditureDataTable = $("#ExpenditureTable").DataTable({
                processing: true,
                searching: true,
                sorting: false,
                paging: true,
                pageLength: 10,
                lengthChange: false,
                info: false,
                "ajax": {
                    "url": "/Activity/ExpenditureList",
                    "type": "POST",
                    "datatype": "json",
                    "data": function (d)
                    { d.application_pk = $("#Rmc_Act_Application_APPLICATION_PK").val();}
                },
                "columnDefs": [
                    { "width": "5%", "targets": [0], "className": "text-center" },
                    { "width": "25%", "targets": [1] },
                    { "width": "30%", "targets": [2, 3], "className": "text-center"  },
                ],
                "columns": [
                    {"data": null},
                    {
                        "data": null,
                        "render": function (data, type, row, meta) {
                            var output = "";
                            return output = "<input type='text' class='form-control'  name='Rmc_Act_Budget_PARAMETER_NAME' id='Rmc_Act_Budget.PARAMETER_NAME' class='form-control' disabled='disabled' value='" + data.PARAMETER_NAME + "'>" +
                                "<input type='hidden' name='Rmc_Act_Budget.ITEM_SODO_FK' id='Rmc_Act_Budget_ITEM_SODO_FK' value='" + data.ITEM_SODO_FK +"'>";
                        }
                    },
                    {
                        "data": null,
                        "render": function (data, type, row, meta) {
                            var output = "";
                            return output = "<input type='text' class='form-control'  name='Rmc_Act_Budget.AMOUNT' id='Rmc_Act_Budget_AMOUNT' placeholder='0.00' value='" + data.AMOUNT +"'>" ;
                        }
                    },
                    {
                        "data":null,
                        "render": function (data, type, row, meta)
                        {
                            var $select = $("<select></select>", {
                                "id": "Rmc_Act_Budget_PROJECT_FK",
                                "name": "PROJECT_FK",
                                "class":"form-control"
                            });

                            $.each(dataProjekPk.responseJSON, function (k, v) {
                               $.each(v, function (i, val) {
                                    var $option = "";
                                    if (i== 0) {
                                        $option = $("<option></option>",
                                            {
                                                "text": "Please Select Project Cost No.",
                                                "value": 0
                                    });
                                        $select.append($option);
                                    }
                                    $option = $("<option></option>",
                                            {
                                                "text": val.COST_CENTRE_NO,
                                                "value": val.PROJECT_PK
                                            });
                                        if (data.ITEM_SODO_FK[meta.row] === val.PROJECT_PK) {
                                            $option.attr("selected", "selected");
                                        }
                                        $select.append($option);
                                    });


                            });
                            return $select.prop("outerHTML");
                        }
                    }
                ]
            });

            ExpenditureDataTable.on("order.dt search.dt", function ()
            {
                ExpenditureDataTable.column(0, { search: "applied", order: "applied" }).nodes().each(
                    function (cell, i) {cell.innerHTML = i + 1;});
            }).draw();