有時候在開發的過程中會遇到需要根據狀態ID 來動態改變數據表格的按鈕，下面我主要講述兩種表格根據ID改變按鈕的方式。
下面這種我是用EL 表達式獲取表格中的值：

<table class="table table-striped table-bordered table-hover" id="sample-table"> <tr><td width="60px">ID</td><td width="60px">真實姓名</td><td width="80px">身份證號碼</td><td width="60px">狀態</td> <td width="60px">時間</td>  <td width="60px">操作</td></tr> <c:forEach items="${userautonyms}" var="userautonym"><tr>      <td>${userautonym.userID }</td><td>${userautonym.trueName }</td><td>${userautonym.identityCard }</td><td>${userautonym.examineStatename }</td>     <td>${userautonym.apply }</td><td class="td-manage"><c:if test="${(userautonym.examineStateID == '1')}"><!--審核成功--><a title="修改" href="javascript:;" onclick="member_del('${userautonym.userAthenticationID }')" class="btn btn-xs btn-danger"><i class="fa fa-edit bigger-120"></i></a><a title="查看" href="javascript:;" onclick="member_ck('${userautonym.userAthenticationID }')" class="btn btn-xs warning"><i class="fa fa-cubes bigger-120"></i></a> </c:if><c:if test="${(userautonym.examineStateID == '2')}"><!--審核失敗--><a title="查看" href="javascript:;" onclick="member_ck('${userautonym.userAthenticationID }')" class="btn btn-xs warning" ><i class="fa fa-cubes bigger-120"></i></a> </c:if><c:if test="${(userautonym.examineStateID == '3')}"><!--待審核--><a title="審核" href="javascript:;" onclick="member_d('${userautonym.userAthenticationID }')" class="btn btn-xs btn-success"><i class="fa fa-check bigger-120"></i></a>   <a title="修改" href="javascript:;" onclick="member_del('${userautonym.userAthenticationID }')" class="btn btn-xs btn-danger" ><i class="fa fa-edit bigger-120"></i></a><a title="查看" href="javascript:;" onclick="member_ck('${userautonym.userAthenticationID }')" class="btn btn-xs warning"><i class="fa fa-cubes bigger-120"></i></a>  </c:if></td></tr>   </c:forEach>   
</table>

當審核狀態為待審核，顯示下面操作（允許審核，修改，查看）。

當審核狀態為審核成功，顯示下面操作（允許修改，查看）。

當審核狀態為審核失敗，顯示下面操作（允許查看）。

下面的這種是在layui 中數據表格操作，所以需要將對應的css，js插件引用進來，表格這里就不詳細描述，狀態ID 需要在表格中存在。

<script type="text/html" id="barDemo">{{# if(d.examineStateID == '1'){ }}<a class="layui-btn layui-btn-xs" lay-event="edit">修改</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a>{{# } }}{{# if(d.examineStateID == '2'){ }}<a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a>{{# } }}{{# if(d.examineStateID == '3'){ }}<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">審核</a><a class="layui-btn layui-btn-xs" lay-event="edit">修改</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a>
{{# } }}
</script>

如下所示：當狀態為待審核，顯示審核，修改，刪除操作，為審核成功或者審核失敗，顯示刪除與刪除操作。