使用数据表搜索表 Asp.net MVC

Question

我正在使用数据表来搜索表，但是当添加另一个表行时，我没有意识到在研究中我必须使用相同数量的行和列。我想知道有什么办法可以解决；因为我很想使用它，但我需要包含该表行。这就是我所拥有的。

Javascript

    <script type="text/javascript">

    $(document).ready(function () {
        $('#data').DataTable();
    });

</script>

表格

    <h2>Transaction List</h2>
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div>
        <h4>Transaction List Details</h4>
        <div style="text-align:right">
            @Html.ActionLink("Posted Items Report", "TransactionListRpt", "Post")
            <input id="Print" type="button" value="Print Approved List" name="Print" class="btn-link"/>
        </div>
        <hr />


        <table id="data" >

            <thead>
           @Html.CheckBox("TheOneCheckBoxToRuleThemAll")Select All
                <tr>

                    <th class="col-lg-3 ">Expense Account</th>
                    <th class="col-lg-3 ">Item Number</th>
                    <th class="col-sm-1">Quantity</th>
                    <th class="col-sm-1 ">UOM</th>
                    <th class="col-sm-1 ">Cost</th>
                    <th class="col-sm-1 ">Extended Cost</th>

                    <th></th>
                </tr>
            </thead>
            <tbody>
    @for (int i = 0; i < Model.Count; i++)
    {
        @Html.HiddenFor(m => m[i].requisitionNumber)
        @Html.HiddenFor(m => m[i].inventory_acccount)
        @Html.HiddenFor(m => m[i].department)
        @Html.HiddenFor(m => m[i].docNumber)
        @Html.HiddenFor(m => m[i].docType)

        <tr>
            <td>@Html.CheckBoxFor(m => m[i].postTrnx, new { @class = "checkGroup1" })</td>
            <td class="label">
                @Html.DisplayFor(m => m[i].requisitionNumber)
            @Html.DisplayFor(m => m[i].transactionDate)
            @Html.DisplayFor(m => m[i].docType)
        </td>
    </tr>
        foreach (var item in Model[i].items)
        {
                    @Html.HiddenFor(m => item.description)
                    @Html.HiddenFor(m => item.expense_account)
                    @Html.HiddenFor(m => item.itemNumber)
                    <tr>

                        <td class="col-lg-3 tabledata">@item.expense_account.account_desc</td>
                        <td class="col-lg-3 tabledata">@item.itemNumber</td>
                        <td class="col-sm-1 tabledata">@item.quantity</td>
                        <td class="col-sm-1 tabledata">@item.selecteduomtext </td>
                        <td class="col-sm-1 tabledata">@item.price</td>
                        <td class="col-sm-1 tabledata">@item.extended_cost</td>
                        <td>@Html.ActionLink("Edit", "Edit", new { id = @item.lineNum, name = Model[i].docNumber })</td>
                    </tr>

                  }

                    }
</tbody>
        </table>
        <br /><br /><br />
    </div>

       <div>

<input type="submit" value="Post" name="Approve" class="btn btn-primary btn-lg" onclick="return confirm('Click OK to continue or Cancel to abort');" />&nbsp;&nbsp;&nbsp;&nbsp;
        @*<input type="button" value="View Posted Transactions" class="btn btn-primary btn-lg" onclick="location.href='@Url.Action("TransactionListRpt","Post")'"/>*@
    </div>


}

Answer 1

您可以像这样调用，以启用搜索

$('#data').dataTable({
        "searching": true
    });