Olá, para você fazer isso você precisa usar jQuery Datatable Server-Side
vou fazer um exemplo para você ter uma ideia melhor.
Com base em uma tabela, ficaria assim:
<script type="text/javascript">
$(document).ready(function () {
$('#myTable').DataTable({
"ajax": {
"url": "/home/loaddataserver",
"type": "POST",
"datatype":"json"
},
"processing": true,
"serverSide": true,
"filter": false,
"orderMulti": false,
"paging": true,
"info":false,
"columns": [
{ "data": "id", "name": "id", "autoWidth": true }, //index 0
{ "data": "nome", "name": "nome", "autoWidth": true }, //index 1
{ "data": "fornecedor.nome", "name":"fornecedor.nome", "autoWidth": true },//index 2
{ "data": "categoria.nome", "name":"categoria.nome", "autoWidth": true },//index 3
{ "data": "precoDeCusto", "name":"precoDeCusto", "autoWidth": true }, //index 4
{ "data": "precoDeVenda", "name": "precoDeVenda", "autoWidth": true }, //index 5
{ "data": "medicao", "name":"medicao", "autoWidth": true }, //index 6
{ "data": "status", "name":"status", "autoWidth": true } //index 7
],
"language": {
"lengthMenu": "Visualizando _MENU_ Registros por página",
"zeroRecords": "Não existe registros para visualização",
"info": "Mostrando página _PAGE_ de _PAGES_",
"infoEmpty": "No records available",
"infoFiltered": "(filtered from _MAX_ total records)",
"paginate": {
"previous": "Página Anterior",
"next": "Próxima página"
}
}
});
</script>
Na sua controller você precisa fazer o método que vai enviar e receber os dados usando json, segue um exemplo feito no asp.net core:
[HttpPost]
public IActionResult loaddataserver()
{
var draw = Request.Form["draw"].FirstOrDefault();
var start = Request.Form["start"].FirstOrDefault();
var length = Request.Form["length"].FirstOrDefault();
var sortColumn = Request.Form["columns"] + Request.Form["order[0][column]"].FirstOrDefault() + "][name]".FirstOrDefault();
var sortColumnDir = Request.Form["order[0][dir]"].FirstOrDefault();
int pageSize = length != null ? Convert.ToInt32(length) : 0;
int skip = start != null ? Convert.ToInt32(start) : 0;
int totalRecords = 0;
// var v = ( database.Produtos.Include(p => p.Categoria).Include(p => p.Fornecedor).Where(p => p.Id <= 35));
var v = (database.Produtos.Include(p => p.Categoria).Include(p => p.Fornecedor));
//SORT
if (!(string.IsNullOrEmpty(sortColumn) && string.IsNullOrEmpty(sortColumnDir)))
{
// v = v.OrderBy(sortColumn + " " + sortColumnDir);
}
totalRecords = v.Count();
var data = v.Skip(skip).Take(pageSize).ToList();
return Json(new { draw = draw, recordsFiltered = totalRecords, recordsTotal = totalRecords, data = data });
}