Скрыть ответные строки данных слева направо - PullRequest
Новая
       22

Скрыть ответные строки данных слева направо

0 голосов
/ 17 июня 2019

Я работаю над решением AngularJS и использую библиотеку datatables для создания адаптивных таблиц;Некоторые из них должны отображаться на арабском языке, поэтому, когда отзывчивые столбцы должны быть скрыты слева направо;Как я могу это сделать?

Ниже мой код: 

<table  datatable="ng" dt-options="vmAR.dtOptions" id="TableAR" class="table table-striped table-bordered">
   <thead>
       <tr>
           <th>العمود 1</th>
           <th>العمود 2</th>
           <th>العمود 3</th>
           <th  ng-hide="true">test</th>
      </tr>
   </thead>
   <tbody>
      <tr ng-repeat="object in List">
         <td>{{object.param1}}</td>
         <td ng-if="object.param2== '' " ng-bind="object.param3"></td>
         <td ng-if="object.param2!= '' " ng-bind="object.param2"></td>
         <td>{{object.param4}}</td>
         <td ng-hide="true">{{object.param5}}</td>
      </tr>
   </tbody>
</table>

Код AngularJS: 

$scope.vmAR.dtOptions = DTOptionsBuilder.newOptions()
                    .withOption('paging', false)
                    .withOption('ordering', false)
                    .withOption('info', false)
                    .withOption('responsive', true);

На основе эта ссылка , япробовал нижеследующее, но ничего не помогло, он все еще скрывает столбцы справа налево: 

$scope.vmAR.dtOptions = DTOptionsBuilder.newOptions()
                    //.withPaginationType('full_numbers')
                    .withOption('paging', false)
                    .withOption('ordering', false)
                    .withOption('info', false)
                    .withOption('responsive', true)
                    .withOption('columnDefs', [
                        { responsivePriority: 1, targets: -1 }
                    ]);

Любое предложение?

Обновление:

Даже с кодом ниже он не работал: 

$scope.vmAR.dtOptions = DTOptionsBuilder.newOptions()
                    //.withPaginationType('full_numbers')
                    .withOption('paging', false)
                    .withOption('ordering', false)
                    .withOption('info', false)
                    .withOption('responsive', true)
                    .withOption('columns', [
                        { responsivePriority: 3 },
                        { responsivePriority: 2 },
                        { responsivePriority: 1 },
                        { responsivePriority: 1 }
                    ]);
...