Javascript 动态数据表Jquery

我想知道如何使用动态数据创建数据表行。 我有这张桌子：

但是我想根据我的用户角色动态显示红色数据

例如，如果我的角色与主管相同，则向他显示一个按钮，或者如果我的角色与此不同，则向用户显示其他按钮

这是我的html表格：

    <div class="table-responsive-lg table-responsive-md">
        <table id="table" class="table table-hover">
            <thead>
                <tr>
                    <th></th>  
                    <th>Solicitante</th>
                    <th>Dia de solicitud</th>
                    <th>Estatus</th>
                    <th>Acciones</th>
                </tr>
            </thead>
        </table>
    </div>  

恳求者
德拉库德酒店
埃斯塔斯
疫苗

我在documentready函数中调用这个方法

             table = $('#table').DataTable({
                  'data': data
                , 'columns': [
                    {
                        'className': 'details-control',
                        'orderable': false,
                        'data': null,
                        'defaultContent': ''
                    },
                    { 'data': 'name' },
                    { 'data': 'request.dateRquest' },
                    { 'data': 'request.status' },
                    {
                    "className": '',
                    "orderable": false,
                    "data": null,
                    "defaultContent": '<button class= "btn btn-success btn-circle asignar" title="Asignar"> <i class="material-icons">assignment_ind</i></button>'+
                        "&nbsp;"+
                        '<button class= "btn btn-danger btn-circle rechazar" title="Rechazar"> <i class="material-icons">close</i></button>'
                    }
                ],
                'order': [[1, 'asc']]
             })

table=$（'#table'）.DataTable({
“数据”：数据
，“列”：[
{
'className'：'details control'，
“orderable”：false，
“数据”：null，
“defaultContent”：”
},
{'data'：'name'}，
{'data'：'request.dateRquest'}，
{'data'：'request.status'}，
{
“类名”：“”，
“可订购”：错误，
“数据”：空，
“defaultContent”：“分配索引”+
" "+
“结束”
}
],
“订单”：[1，‘asc']]
})

我可以迭代要放在表中的数据吗？在图片中，我有一个列调用estatus，如果estatus与pending不同，我想用按钮执行其他操作

因此，我需要检查登录人员的角色，并检查每一行的状态

我想做这样的事情：

If（role==xRole&&data.status！='Pending'）{ 更改按钮的样式 放置一个不同的类，例如change.Assign to.CloseRequest }

如果我知道如何与我将在创建表之前放入行中的数据进行交互，这将更加容易

有可能吗

改变

                "defaultContent": '<button class= "btn btn-success btn-circle asignar" title="Asignar"> <i class="material-icons">assignment_ind</i></button>'+
                    "&nbsp;"+
                    '<button class= "btn btn-danger btn-circle rechazar" title="Rechazar"> <i class="material-icons">close</i></button>'

并定义此函数：

function getButtons() {
    switch (role) {
        case "admin": return "sometemplate1";
        default: return "sometemplate2";
    }
}

---

只需确保正确定义了

角色

。

对不起，我编辑了我的问题。你能帮我做这个吗？@JohnatanDeLeon不客气。让我看一看。@JohnatanDeLeon您可以通过实现initComplete来完成您想要完成的迭代。请参阅此处的更多信息：

function getButtons() {
    switch (role) {
        case "admin": return "sometemplate1";
        default: return "sometemplate2";
    }
}