DataTable的dtoptions

自定义表格的dtOptions,并应用,在withLanguage下更改语言配置

$scope.dtOptions = DTOptionsBuilder.newOptions()
                    .withLanguage({
                        lengthMenu: $translate.instant('dataTable_display')+' ' + $translate.instant('dataTable_records'),
                        search: ''+$translate.instant('dataTable_search')+':',//右上角的搜索文本,可以写html标签

                        paginate: {//分页的样式内容。
                            previous: $translate.instant('dataTable_previous'),
                            next: $translate.instant('dataTable_next')
                        },
                        zeroRecords: $translate.instant('dataTable_zeroRecords'),//table tbody内容为空时,tbody的内容。
                        //下面三者构成了总体的左下角的内容。
                        info: $translate.instant('dataTable_info'),//"总共_PAGES_ 页,显示第_START_ 到第 _END_ ,筛选之后得到 _TOTAL_ 条,初始_MAX_ 条 ",//左下角的信息显示,大写的词为关键字。
                        infoEmpty: $translate.instant('dataTable_infoEmpty'),//筛选为空时左下角的显示。
                        infoFiltered: ""//筛选之后的左下角筛选提示,
                    })
                    .withDOM('<"html5buttons"B>lTfgitp')
                    .withButtons([
                        {extend: 'copy'},
                        {extend: 'csv',title: 'Port Scanning'},
                        {extend: 'excel', title: 'Port Scanning'},
                        {extend: 'pdf', title: 'Port Scanning'},
                    ]);

在HTML页面引用dtOptions

 

你可能感兴趣的:(DataTable的dtoptions)