AngularJS datatable всегда показывает Не найдено соответствующих записей

Question

За последние 5 дней я попробовал почти все в своем angularJS datatable. Вот фрагменты кода и результаты,

HTML

 <table datatable="" dt-options="dtOptions" dt-columns="dtColumns" class="table small">
 <thead>
     //Tried including tr, th too and without them too
  </thead>
  <tbody>
  </tbody>
 </table>

In angularJS

 //Dt options
        $scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', {
            dataSrc: function (json) {
                console.log(json);
                return json;
            },
            url: "/allserviceprovider",
            type: "POST"

        })
            .withOption('processing', true) //for show progress bar
            .withOption('serverSide', true) // for server side processing
            .withPaginationType('full_numbers') // for get full pagination options // first / last / prev / next and page numbers
            .withDisplayLength(10) // Page size
            .withOption('order', []) // for default sorting column // here 0 means first column
            //
            // .withOption('bJQueryUI', true);

        $scope.dtColumns = [
            DTColumnBuilder.newColumn('merchantName').withTitle('Merchant Name'),
            DTColumnBuilder.newColumn('serviceProviderName').withTitle('Service Provider')
        ];

Вывод со стороны сервера

{draw: 1, recordsTotal: 2, recordsFiltered: 2, data: Array(2)}
data: Array(2)
   0: (2) ["abc provider", "some name"]
   1: (2) ["Operator Merchant", "operator_unique"]
length: 2
draw: 1
recordsFiltered: 2
recordsTotal: 2

Скопировано из отладчика Chrome (не RAW JSON)

Я уверен, что эти данные достаточно корректны для рендеринга по датам, я пытался вернуть массив массивов и массив объектов тоже в data Но все же не повезло. что может быть не так? Пожалуйста, помогите мне, у меня на это 5 дней.