如何修剪引導表單元格中的文本?示例:在下面的引導表中,我在“股票名稱”列中有大名,例如,這會弄亂我整個表的格式(檢查投資金額、收益等列)。我可以給股票名稱列中的內容提供固定長度嗎?默認情況下它可以顯示“Ajanta Ph...”,一個單元格的 OnHover 可以顯示全名。我從 Django 模板注入這個頁面。<tr id="port_row_{{row.stock}}_{{index}}"> {% if row.stock == 'TOTAL'%} <td> {{row.stock}}</td> {% else %} <td> <a target="_blank" style="color:blue;" href="https://www.google.com/finance?q=NSE:{{ row.stock }}">{{row.stock}}</a></td> {% endif %} <td>{{row.name}}</td> <td>{{row.monday_open_price|intcomma}}</td> <td>{{row.previous_close|intcomma}}</td> <td> {% if row.price >= row.previous_close %} <div style="color:green"> {{row.price|intcomma}} </div> {% else %} <div style="color:red"> {{row.price|intcomma}} </div> {% endif %} </td> <td> ₹ {{row.investment_amount|intcomma}}</td> <td> {% if row.weekly_gain >= 0 %} <div style="color:green"> {{row.weekly_gain|intcomma}} <i class="fa fa-arrow-up"></i> </div> {% else %} <div style="color:tomato"> {{row.weekly_gain|intcomma}} <i class="fa fa-arrow-down"></i> </div> {% endif %} </td> <td> {% if row.daily_gain >= 0 %} <div style="color:green"> {{row.daily_gain|intcomma}} <i class="fa fa-arrow-up"></i> </div> {% else %} <div style="color:tomato"> {{row.daily_gain|intcomma}} <i class="fa fa-arrow-down"></i> </div> {% endif %} </td> <td> ₹ {{row.current_market_value|intcomma}}</td></tr>
1 回答

繁華開滿天機
TA貢獻1816條經驗 獲得超4個贊
您可以使用|truncatechars模板過濾器 [Django-doc]:
<td>{{ row.name|truncatechars:9 }}</td>
因此,這會將字符數限制為九個(在這種情況下)。如果名稱短于或正好有九個字符,那么它將呈現名稱。否則,它將呈現第一個字符,然后是省略號 (...)。
您可以使用*Bootstrap 的工具提示并添加如下工具提示:
<td>
<span data-toggle="tooltip" title="{{ row.name }}">
{{ row.name|truncatechars:9 }}
</span>
</td>
添加回答
舉報
0/150
提交
取消