如何使用angular 4在Jquery Datatable中添加编辑超链接

Question

在我们的角度项目中，我们正在使用Jquery Datatable.Grid正确显示。现在我想在每行的末尾添加一个编辑超链接。任何人都可以帮我在最后添加一个编辑超链接。请参阅我的代码以供参考

this.http.get（this.appService.baseUrl +'api / ServiceType'）。subscribe（result =＆gt;

{

        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));

状态后我想添加“编辑”超链接。任何人都可以帮忙解决这个问题

Answer 1

"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>';
                       }

            ]  

您可以使用

访问该媒体资源

  

data.propertyName