JSP 頁面表格長文本截斷顯示解決方案

JSP 頁面表格長文本截斷顯示解決方案

在 JSP 頁面開發中，表格單元格內容過長導致頁面佈局混亂是常見問題。本文介紹如何使用 JSTL 標籤庫實現長文本自動截斷並添加省略號提示。

核心實現步驟

1. 引入 JSTL 函數標籤庫：在頁面頂部聲明 <%@ taglib prefix="fn" uri="https://java.sun.com/jsp/jstl/functions" %>
2. 表格列定義：設定固定寬度，例如 <th width="16%">描述</th>
3. 條件渲染邏輯：使用 <c:if> 判斷字符串長度，超過 50 字符時截取前 50 個字符並追加「...」，否則完整顯示

代碼示例

<td>
  <c:if test="${fn:length(item.desc) > 50}">${fn:substring(item.desc, 0, 50)}...</c:if>
  <c:if test="${fn:length(item.desc) <= 50}">${item.desc}</c:if>
</td>

原理說明

fn:length() 獲取字符串長度，fn:substring() 截取指定範圍子串。該方案無需後端預處理，直接在視圖層解決顯示問題，適合快速開發場景。

注意事項

• 確保專案已引入 jstl.jar 和 standard.jar
• 若需調整截斷長度，修改兩處 50 即可
• 中英文混排時按字符數計算，可能造成視覺長度不一，可考慮改用 CSS text-overflow: ellipsis 方案