datatables 根据后台返回数字转换成对应的字符串

数据库中数据如下

 

datatables 列配置代码如下

{
    "orderable" : false,
    "data": "roleId",	        	
    'sClass': "text-center",
    'render': function (data, type,row,meta){
        var roleId = row.roleId
        var str  = ''
        if(roleId == 1){
            str = 'admin'
        }
        if(roleId == 2){
            str = 'user'
        }
        return str   						
    }
}

 

效果如下图

 

 

可以使用 DataTables 的 `columns` 配置选项来根据传入的数据动态地展示不同的列。具体步骤如下: 1. 在 HTML 页面中创建一个空的 `<table>` 元素,为其设置一个 ID。 2. 在 JavaScript 中,使用 DataTables 的 `DataTable()` 函数初始化这个表格,并传入一个包含表格数据的数组。 3. 在 `columns` 配置选项中指定要展示的列。由于你想要根据传入的数据动态地展示不同的列,所以你需要在这里根据数据来动态地生成列定义。 以下是一个示例代码,假设你传入的数据格式如下: ```javascript var data = [ { name: 'John Doe', age: 25, gender: 'male' }, { name: 'Jane Smith', age: 30, gender: 'female' }, // ... ]; ``` 在这个示例中,你想要根据数据动态地展示不同的列,例如: - 如果数据中包含 `gender` 字段,则展示 `name`、`age` 和 `gender` 三列。 - 如果数据中不包含 `gender` 字段,则展示 `name` 和 `age` 两列。 你可以按照以下步骤编写代码: ```javascript var data = [ { name: 'John Doe', age: 25, gender: 'male' }, { name: 'Jane Smith', age: 30, gender: 'female' }, // ... ]; var columns = [ { data: 'name', title: 'Name' }, { data: 'age', title: 'Age' } ]; if (data.length > 0 && 'gender' in data[0]) { columns.push({ data: 'gender', title: 'Gender' }); } $('#myTable').DataTable({ data: data, columns: columns }); ``` 在这个代码中,首先定义了一个 `columns` 数组,其中包含了默认要展示的两列:`name` 和 `age`。然后,使用 `in` 运算符检查数据中是否包含 `gender` 字段,如果包含,则向 `columns` 数组中添加一个包含 `gender` 列定义的对象。最后,使用 DataTables 的 `DataTable()` 函数初始化表格,并将 `data` 和 `columns` 作为参数传入。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

悟世君子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值