0

私はAngularデータテーブルを使用してテーブルを作成しています.

ここでは、2 つの列データを 1 つにマージします。つまり、アドレス 1 とアドレス 2 をアドレスとして表示する - addr1 - addr2 と (2) リンクの代わりにテーブル列に画像を表示します。

私は試した -

DTColumnBuilder.newColumn('addr1' - 'addr2').withTitle('Address 1'),そしてDTColumnBuilder.newColumn('addr1 - addr2')運がない（スローエラー）

これで私を助けてください。ありがとう。

私のスクリプト -

var dd = [];
dd = [
    {"Img": "http://img.banggood.com/thumb/other_items/upload/2012/liangping/animal%20head%20masks-011%20(4).jpg", "Name": "Tiger Nixon", "Age": "61", "addr1": "234 My addr 1", "addr2": "234 My addr 2"},
    {"Img": "http://a.deviantart.net/avatars/a/n/animal-animes.png", "Name": "Garrett Winters","Age": "63", "addr1": "235 My addr 1", "addr2": "235 My addr 2"}
  ];   

  $scope.dtColumns = [
    DTColumnBuilder.newColumn('addr1').withTitle('Address 1'),
    DTColumnBuilder.newColumn('addr2').withTitle('Address 2'),
    DTColumnBuilder.newColumn('Img').withTitle('Image'),
    DTColumnBuilder.newColumn('Name').withTitle('Name'),
    DTColumnBuilder.newColumn('Age').withTitle('Age')
  ];

  $scope.dtOptions = DTOptionsBuilder.newOptions()
    .withOption('data', dd);
4

1 に答える 1

4

列の angular-datatable ドキュメントでrenderWith を使用する必要があります

$scope.dtColumns = [
    DTColumnBuilder.newColumn('addr1').withTitle('Address 1'),
    DTColumnBuilder.newColumn('addr2').withTitle('Address 2'),
    DTColumnBuilder.newColumn(null).withTitle('Full Address').renderWith(addressHtml),
    DTColumnBuilder.newColumn('Img').withTitle('Image'),
    DTColumnBuilder.newColumn('Name').withTitle('Name'),
    DTColumnBuilder.newColumn('Age').withTitle('Age')
];

$scope.dtOptions = DTOptionsBuilder.newOptions()
    .withOption('data', dd);

function addressHtml(data, type, full, meta) {
        return data.addr1 + ' - ' + data.addr2;
}

更新されたプランカー: http://plnkr.co/edit/T2XMUFxORSy3z7dDgRcc?p=preview

必要に応じて画像を追加できます...

于 2015-10-10T12:28:09.727 に答える