fastadmin中表格控件设置,设置表格中文本左对齐,超链接

一、表格控件代码位置(fastadmin表格是采用bootstrap-table进行设置)

可通过https://bootstrap-table.com/进行学习

文件位置:public/assets/js/backend/pim/test.js

fastadmin中表格控件设置,设置表格中文本左对齐,超链接_第1张图片

 上图中每列的具体信息

二、对表格进行左对齐设置

法一:根据bootstrap-table文档的align

fastadmin中表格控件设置,设置表格中文本左对齐,超链接_第2张图片

 align:'left'即可设定

{field: 'title', title: __('Title'), operate: 'LIKE',align:'left'},

 法二:根据bootstrap-table文档的cellStyle

fastadmin中表格控件设置,设置表格中文本左对齐,超链接_第3张图片

 根据cellStyle返回值去设定css,并且这里要将优先级提前,避免被覆盖

{field: 'title', title: __('Title'), operate: 'LIKE',
     cellStyle:function(value,row,index,field){
          return {
                   css:{"text-align":"left  !important"}
                                    
          }
    }
},

结果:成功左对齐

fastadmin中表格控件设置,设置表格中文本左对齐,超链接_第4张图片

三、表格中的超链接

可在formatter格式化中返回前端超链接形式的信息

fastadmin中表格控件设置,设置表格中文本左对齐,超链接_第5张图片

 代码:

{field: 'attachfile', title: __('practice'), 
       formatter:function(value,row,index,field){
            if(row.attachfile ==""){//查看该行对应的文件是否存在
                 return "";
            }
            else{
                 return ""+__('view')+""//返回超链接
            }                  
      }
},

你可能感兴趣的:(fastadmin,javascript,开发语言,ecmascript)