提问人：LearnProgramming 提问时间：10/8/2023 更新时间：10/18/2023 访问量：119
Laravel，如何更改/重新排列数据表按钮和记录条目？
Laravel, how to change/rearrange datatable buttons and records entries?
问：
我的目标是安排按钮和其他功能，如下图所示：
如何
- 制作额外的按钮并放置在左上角
- 将记录条目和搜索栏并排放置，并将其放在右上角
- 左下角的 Excel 和 PDF
- 右下角的分页
到目前为止，我所做的是使用 dom，但结果是记录条目仍然在左上角，左上角没有额外的按钮。
dom: "lfrtpB",
pageLength: 10,
lengthMenu: [ 5, 10, 30, 50 ],
buttons: [
{
extend: 'pdf',
exportOptions: {
columns: [0,1,2,3]
}
},
{
extend: 'csv',
exportOptions: {
columns: [0,1,2,3]
}
},
{
extend: 'excel',
}
],
答：
1赞
mritunjay khichi
10/17/2023
#1
在 Laravel DataTable 中，您可以使用 dom 选项自定义 DataTable 的布局。要实现您描述的布局，您可以按如下方式修改 dom 选项：
`
dom:
"<'row'<'col-md-6'l><'col-md-6'f>>" + // Custom top row with record entries and search bar
"<'row'<'col-md-6'B><'col-md-6'>>" + // Custom bottom row for buttons and pagination
"<'row'<'col-md-12't>>" + // Table body
"<'row'<'col-md-6'i><'col-md-6'p>>", // Information and pagination
pageLength: 10,
lengthMenu: [5, 10, 30, 50],
buttons: [
{
text: 'Your Extra Button', // Add your custom button text
action: function (e, dt, node, config) {
// Add your custom button action here
alert('Custom button clicked!');
}
},
{
extend: 'pdf',
exportOptions: {
columns: [0, 1, 2, 3]
}
},
{
extend: 'csv',
exportOptions: {
columns: [0, 1, 2, 3]
}
},
{
extend: 'excel',
}
]
`
评论