字符串超长度显示‘...’

EL表达式的方法

<c:forEach items="${list }" var="bean" >
	<tr class="text-c">
		<td>
			<c:forEach items="${dictionaryTypes}" var="dictionaryType">
			<c:if test="${ bean.dicKey eq dictionaryType.key }">${dictionaryType.desc}</c:if>
			</c:forEach>
		</td>
		<td>
			<c:if test="${fn:length(bean.dicValue)>50}">
				${fn:substring(bean.dicValue,0,50)}...
			</c:if>
			<c:if test="${fn:length(bean.dicValue)<=50}">
				${bean.dicValue}
			</c:if>
		</td>
		<td><c:if test="${bean.isDel  eq  1}">可用</c:if> <c:if test="${bean.isDel  eq  0}">不可用</c:if></td>
		<td><fmt:formatDate value="${bean.createTime }" pattern="yyyy-MM-dd"/></td>
		<td><fmt:formatDate value="${bean.updateTime }" pattern="yyyy-MM-dd"/></td>
		<td>
			<a href="javascript:;"onclick="layer_open('编辑','${ctx}/admin/dictionary/to_edit.action?id=${bean.id}');"class="btn btn-primary-outline size-S">编辑</a>
			<a href="javascript:;"onclick="layer_del('${ctx}/admin/dictionary/del.action?id=${bean.id }');"class="btn btn-danger-outline size-S">删除</a>
		</td>
	</tr>
</c:forEach>

JS拼接的方法

  if(name.length>10){
      var proName=name.substring(10,0);
      	html += '<p class="font-size18 color-333 mt10">'+proName+'...</p>'
      }else {
      	html += '<p class="font-size18 color-333 mt10">'+name+'</p>'
      }