Dalam proyek sudut kami, kami menggunakan Jquery Datatable.Grid ditampilkan dengan benar. Sekarang saya ingin menambahkan hyperlink edit di akhir setiap baris. Siapapun tolong bantu saya untuk menambahkan hyperlink edit di akhir. Silakan lihat kode saya untuk referensi

This.http.get(this.appService.baseUrl + 'api/ServiceType').subscribe(hasil =>

{

        this.serviceTypes = result.json() as ITypeSummary[];

        $(".log-data-table").DataTable({

            "data": this.serviceTypes,

            scrollY: "500px",

            destroy: true,

            scrollX: true,

            scrollCollapse: true,

            autoWidth: true,

            paging: true, 

            "columns": [

                { data: "TypeId" },

                { data: "name"},

                { data: "status" }

            ]
        });
    }, error => console.error(error));

Setelah status saya ingin menambahkan hyperlink "edit". Siapapun tolong bantu untuk memperbaikinya

1
Krishnan 28 Desember 2017, 09:14

1 menjawab

Jawaban Terbaik
"columns": [

                { data: "serviceTypeId" },

                { data: "name"},

                { data: "status" },
                data: null, orderable: true, "name": "ColumnName", render: function (data, type, row) {
                return ''<a class="btn btn-primary btn-flat btn-sm" data-toggle="tooltip" title="Edit" href="' + link + '"><i class="fa fa-edit"></i> </a>';
                       }

            ]  

Anda dapat mengakses properti dengan menggunakan

data.propertyName

enter image description here

1
Mannan Bahelim 28 Desember 2017, 06:19