如何在MVC4的UI中使用jQuery创建DataTable？

I need to create DataTable using jQuery same as like which is mentioned in the below image:

我需要使用jQuery创建DataTable，如下图所示：

I am very week in jQuery. So please don't ask what you tried question to me. I don't know how to create the Datatable in my View same as like this Format.

我非常喜欢jQuery。所以请不要问你向我提出的问题。我不知道如何在我的视图中创建数据表，就像这个格式一样。

Please any one help me "How to create a DataTable in the above mentioned Format with Label and TextBoxes?

请任何人帮助我“如何使用Label和TextBoxes以上述格式创建DataTable？

1 个解决方案

#1

It is very easy. you have to add jQuery dataTables plugin in your page

这很容易。你必须在你的页面中添加jQuery dataTables插件

//cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js

and then create normal table with tr td th and use below code to convert it into datable.

然后使用tr td th创建普通表，并使用下面的代码将其转换为datable。

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

you can find more detail line css theme and other options in this link

你可以在这个链接中找到更多细节线css主题和其他选项

#1