Do not connect the styles to the table,how to fix?

Faced with the same problem styles in the td does not want to work out how to include styles?

//Command Buttons
$("#data-table-command").bootgrid({
 //Override default icon classes
 css: {
 icon: 'table-bootgrid__icon zmdi',
 iconSearch: 'zmdi-search',
 iconColumns: 'zmdi-view-column',
 iconDown: 'zmdi-sort-amount-desc',
 iconRefresh: 'zmdi-refresh',
 iconUp: 'zmdi-sort-amount-asc',
 dropDownMenu: 'dropdown form-group-select',
 search: 'table-bootgrid__search',
 actions: 'table-bootgrid__actions',
 header: 'table-bootgrid__header',
 footer: 'table-bootgrid__footer',
 dropDownItem: 'table-bootgrid__label',
 table: 'table table-bootgrid',
 pagination: 'pagination table-bootgrid__pagination'
},

 //Override default module markups
 templates: {
 actionDropDown: "<span class="\"{{css.dropDownMenu}}\"">" + "<a href data-toggle="\"dropdown\"">{{ctx.content}}</a><ul class="\"{{css.dropDownMenuItems}}\"" role="\"menu\""></ul></span>",
 search: "<div class="\"{{css.search}}" form-group\"><span class="\"{{css.icon}}" {{css.iconsearch}}\"></span><input type="\"text\"" class="\"{{css.searchField}}\"" placeholder="\"{{lbl.search}}\""><i class="form-group__bar"></i></div>",
 header: "<div id="\"{{ctx.id}}\"" class="\"{{css.header}}\""><p class="\"{{css.search}}\""></p><p class="\"{{css.actions}}\""></p></div>",
 actionDropDownCheckboxItem: "<li><div class="tabe-bootgrid__checkbox checkbox checkbox--dark"><label class="\"{{css.dropDownItem}}\""><input name="\"{{ctx.name}}\"" type="\"checkbox\"" value="\"1\"" class="\"{{css.dropDownItemCheckbox}}\"" {{ctx.checked}}> {{ctx.label}}<i class="input-helper"></i></label></div></li>",
 footer: "<div id="\"{{ctx.id}}\"" class="\"{{css.footer}}\""><div class="\"row\""><div class="\"col-sm-6\""><p class="\"{{css.pagination}}\""></p></div><div class="\"col-sm-6" table-bootgrid__showing hidden-xs\"><p class="\"{{css.infos}}\""></p></div></div></div>"
},
 formatters: {
 commands: function(column, row) {
 return "<button type="\"button\"" class="\"btn" btn-default btn-sm\" data-row-id="\""" + row.id "\">Edit</button> " +
 "<button type="\"button\"" class="\"btn" btn-default btn-sm\" data-row-id="\""" + row.id "\">Remove</button>";
}
}
 });
June 8th 19 at 17:14
0 answer

Find more questions by tags jQuery