Javascript angularjs数据表溢出
我在显示数据表时遇到问题。它像图中一样溢出 我已经尝试了使用选项('autoWidth',false),但仍然没有修复 我的htmlJavascript angularjs数据表溢出,javascript,css,angularjs,datatable,angular-datatables,Javascript,Css,Angularjs,Datatable,Angular Datatables,我在显示数据表时遇到问题。它像图中一样溢出 我已经尝试了使用选项('autoWidth',false),但仍然没有修复 我的html <form class="bv-form" name="datagridForm" ng-submit="gridSubmitHandler(datagridForm, $event)" novalidate="novalidate"> <table class="inner-dataTable table table-striped nowr
<form class="bv-form" name="datagridForm" ng-submit="gridSubmitHandler(datagridForm, $event)" novalidate="novalidate">
<table class="inner-dataTable table table-striped nowrap" cellspacing="0" width="100%" datatable="" dt-options="dtOptions"
dt-columns="dtColumns" dt-column-defs="dtColumnDefs" dt-instance="dtInstanceCallback" id="{{getTableDomId()}}">
</table>
js代码
$scope.dtOptions = DTOptionsBuilder.fromFnPromise(function() {
var defer = $q.defer();
defer.resolve($scope.tableData);
return defer.promise;
})
.withPaginationType('full_numbers')
.withOption('oLanguage', {
oPaginate: {
sFirst: "<<",
sLast: ">>",
sNext: ">",
sPrevious: "<"
}
})
.withOption('responsive', {details: {
// TODO: add configuration in application.xml to determine columns which should stay visible, like Actions:
// https://datatables.net/extensions/responsive/classes
// Doing something like keeping Actions visible on the far right is not really supported yet, the configuration would need to be a bit complex.
// Some discussion here: https://datatables.net/forums/discussion/22700/responsive-shows-hidden-columns-again/p2
renderer: responsiveRendererFn
}}).withOption('autoWidth', false)
.withOption('createdRow', function(row, data, dataIndex) {
$(row).addClass("" + data.id);
CommonFactory.coloringRow(data.statusCode, null, row);
$compile(row)($scope);
})
.withOption('preDrawCallback', preDraw)
.withOption('deferRender', true)
$scope.dtOptions=DTOptionsBuilder.fromfnomise(函数(){
var defer=$q.defer();
defer.resolve($scope.tableData);
回报、承诺;
})
.withPaginationType('完整编号')
.withOption('oLanguage'){
蛋白石:{
第一:“,
sNext:“>”,
sPrevious:“检查DataTable的容器宽度我们需要查看代码才能解决此问题…@Sophomen请向我们展示您的html和css代码我已经用更多的编码编辑了我的问题。谢谢表单容器的宽度是多少?它本身和它的父级