Javascript angularjs数据表溢出

Javascript 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

我在显示数据表时遇到问题。它像图中一样溢出

我已经尝试了使用选项('autoWidth',false),但仍然没有修复

我的html

<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代码我已经用更多的编码编辑了我的问题。谢谢表单容器的宽度是多少?它本身和它的父级