首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Yajra/Jquery datatable如何根据条件排除记录

Yajra/Jquery datatable是一个用于在前端展示和操作数据的强大工具。它可以帮助开发人员快速构建交互式的数据表格,并提供了丰富的功能和选项。

要根据条件排除记录,可以通过以下步骤实现:

  1. 在前端页面中引入Yajra/Jquery datatable库和相关依赖文件。
  2. 在HTML页面中创建一个表格容器,用于展示数据。
  3. 在JavaScript代码中初始化datatable,并配置相关参数。例如:
代码语言:txt
复制
$(document).ready(function() {
    $('#example').DataTable({
        // 配置参数
        "ajax": "data.json", // 数据源
        "columns": [
            { "data": "name" },
            { "data": "position" },
            { "data": "salary" },
            { "data": "office" },
            { "data": "start_date" },
            { "data": "extn" }
        ],
        "columnDefs": [
            {
                "targets": [0],
                "visible": false, // 隐藏第一列
                "searchable": false // 不可搜索第一列
            },
            {
                "targets": [2],
                "visible": false, // 隐藏第三列
                "searchable": false // 不可搜索第三列
            }
        ]
    });
});

在上述代码中,我们使用了columnDefs参数来定义列的属性。通过设置visible为false,我们可以隐藏指定的列;通过设置searchable为false,我们可以禁止对指定的列进行搜索。

  1. 根据条件排除记录,可以在初始化datatable时使用drawCallback回调函数来实现。例如:
代码语言:txt
复制
$(document).ready(function() {
    $('#example').DataTable({
        // 配置参数
        "ajax": "data.json", // 数据源
        "columns": [
            { "data": "name" },
            { "data": "position" },
            { "data": "salary" },
            { "data": "office" },
            { "data": "start_date" },
            { "data": "extn" }
        ],
        "drawCallback": function(settings) {
            var api = this.api();
            var rows = api.rows({ page: 'current' }).nodes();
            var columnToExclude = 2; // 要排除的列索引

            // 根据条件排除记录
            api.column(columnToExclude, { page: 'current' }).data().each(function(value, index) {
                if (value == '条件值') {
                    $(rows[index]).hide(); // 隐藏符合条件的记录
                }
            });
        }
    });
});

在上述代码中,我们使用了drawCallback回调函数来在每次绘制表格时执行自定义操作。通过获取datatable的API对象,我们可以使用column()方法获取指定列的数据,并使用each()方法遍历每个单元格的值。根据条件判断,我们可以使用jQuery的hide()方法隐藏符合条件的行。

这样,根据条件排除记录的功能就实现了。

Yajra/Jquery datatable的优势在于其丰富的功能和灵活的配置选项,可以满足各种数据展示和操作的需求。它支持数据的排序、搜索、分页等功能,并提供了丰富的插件和扩展,可以进一步增强表格的功能和样式。

推荐的腾讯云相关产品是腾讯云对象存储(COS),它是一种高可用、高可靠、低成本的云存储服务,适用于存储和处理各种类型的数据。您可以使用腾讯云COS来存储和管理您的数据,包括图片、视频、文档等。您可以通过以下链接了解更多关于腾讯云COS的信息:腾讯云对象存储(COS)

希望以上信息对您有所帮助!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

datatables使用教程

-- jQuery --> <script type="text/javascript" charset="utf8" src="http://code.<em>jquery</em>.com/<em>jquery</em>-1.10.2...data) 一旦 DataTables 发送了请求,上面的参数就会传送给服务器,那么你需要接受到这些参数并做相应的逻辑处理然后按照下面的格式讲组装好的JSON数据返回 (不是每个参数都需要接受处理,<em>根据</em>自己的业务需要...过滤后的<em>记录</em>数(如果有接收到前台的过滤<em>条件</em>,则返回的是过滤后的<em>记录</em>数) data arrayType 必要。表中中需要显示的数据。...分页和数据展示都做好了,那么现在就来做一个搜索<em>条件</em>吧,项目来讲,搜索这个功能是必不可少的。...搜索<em>条件</em>,整合服务端,利用mybatis动态sql 步骤 前端步骤: 添加搜索<em>条件</em>输入框和搜索框 获取搜索<em>条件</em>输入 添加datatables的额外参数,传给服务端接口 服务端步骤: 编写controller

7K20

【自然框架】n级下拉列表框的原理

首先要设置记录集,这里用DataSet来装载,二级联动,里面就要有两个DataTable;三级联动,里面就要有三个DataTable。同理,n级联动就要有n个DataTable。   ...然后用第一个DataTable来绑定第一个DropDownList。第一个DropDownList是固定生成的,其他的DropDownList则是根据级数动态new出来的。   ...然后在设置一些属性,根据上一个DropDownList的第一个选项,作为过滤条件,绑定控件。这样第一次的显示工作就完成了。...                {                     dv = ds_List.Tables[i].DefaultView; #region 绑定其他的列表框 //获取过滤条件...然后打算引入jQuery和json来简化一下代码,再然后看看能不能做成纯客户端的,就是不用服务器控件了,直接使用 html的input。

3.6K70

【8】数据浏览表格的快速输出

表头 对表格输出的封装 生成表格的实例 功能的扩展 在页面数据和控件的自动交换机制中,我们通过PageX实现了一种快速的控件和数据交换机制,能够方便快捷地完成数据库中的数据记录的管理。...一般情况下,在进入这个编辑页面之前,还应该有另外一个页面,可以一次展示多条数据记录的信息。在这个数据的列表界面中,可以进行各种操作,如删除、跳转、编辑等。...这个数据列表页面不仅可以按照数据库的分类展示数据,也可以根据需要进行展示,如按指定字段排序、根据查询结果展示、分页展示等。 用什么来展示数据列表?...但是好处在于,只要了解所有这些是如何实现和工作的,那么,我们对于页面的掌控的程度可以达到一个新的高度。...行高度、各列的宽度、对齐等都需要控制管理,特定条件下,还可能遇到错行的情况。 下面,我们不妨按照上述的构造思路构造一个数据列表,使用的范例数据库中book表数据如下: ?

2.5K50

datatables应用程序接口API

API实例可以通过以下方式创建: $( selector ).DataTable(); $( selector ).dataTable().api(); new $.fn.dataTable.Api(...selector ); 上面三种方式均可返回一个api实例,注意区别 $( selector ).DataTable() 和 $( selector ).dataTable() 前者直接返回API实例,...对象 实用(Utility) 名称 说明 any()API 确定结果集里是否有符合条件记录(判断表格里有没有数据) concat()DT Combine multiple API instances...,返回长度 静态方法(Static) 名称 说明 $.fn.dataTable.isDataTable()API 检查一个 table 节点是不是 DataTables 实例 $.fn.dataTable.tables...()API 获取该页面上所有的DataTables实例 $.fn.dataTable.util.escapeRegex()API 使用正则表达式转义特殊字符 $.fn.dataTable.util.throttle

4.4K30

Newtonsoft.Json

转Json 示例: 代码略,方法一样的,把DataTable传入至 JsonConvert.SerializeObject(DataTable tb) C#对象转换Json时的一些高级(特殊)设置 前面这些比较常用的方法...代码:[JsonConverter(typeof(StringEnumConverter))] image.png 根据条件来设置属性是否序列化 Json.NET能够通过在类上放置ShouldSerialize...方法来有条件地序列化属性,要有条件地序列化属性,需要在对象类中增加一个与该属性同名的布尔值的方法,然后使用ShouldSerialize作为方法名称的前缀,比如你要设置属性字段Name根据条件来动态决定是否序列化...string json = JsonConvert.SerializeObject(list); 转换结果如下图: image.png 问题升级:如果需要两个或者多个属性都可以根据条件来序列化...根据条件来设置多个属性是否序列化 针对上面的问题,如果有多个属性需要根据条件来序列化怎么办?

2.4K80
领券