方式一

如果使用的是 option的這種 含有columns 則使用formatter 進行修改

//在頁面顯示的studentGender的那列 是 0 或 1$(function () {var options = {url: prefix + "/list",createUrl: prefix + "/add",updateUrl: prefix + "/edit/{id}",removeUrl: prefix + "/remove",modalName: "學生",columns: [{field: 'studentId',title: '學生信息',align: 'center'},{field: 'studentGender',title: '性別',align: 'center'}]};$.table.init(options);});

修改

//修改之后變為 女 或 男columns: [{field: 'studentId',title: '學生信息',align: 'center'},{field: 'studentGender',title: '性別',align: 'center',formatter:function(value){return studentGender='0'? '女': '男'}}]

方式二

使用 th：if

// th:if<span th:if="${cusSecond.marriage} eq 1">已婚</span><span th:if="${cusSecond.marriage} eq 2">未婚</span>

使用 th:switch

<div th:switch="${cusSecond.marriage}"><span th:case="'1'">已婚</span><span th:case="'2'">未婚</span><span th:case="'3'">離異</span><span th:case="'4'">喪偶</span><span th:case="'5'">未知</span></div>

formatter的使用

formatter 屬于列參數，表示對于當前列的數據進行格式化操作，它是一個函數，有三個參數，分別是value，row,index
value：表示當前單元格中的值
row：表示當前行
index：表示當前行的下標
可以使用return返回想要的數據顯示在單元格中

formatter:function(value){return studentGender='0'? '女': '男'}

總結

以上是生活随笔為你收集整理的若依修改页面数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。