亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

修剪引導表單元格中的文本

修剪引導表單元格中的文本

瀟瀟雨雨 2022-06-02 11:28:16
如何修剪引導表單元格中的文本?示例:在下面的引導表中,我在“股票名稱”列中有大名,例如,這會弄亂我整個表的格式(檢查投資金額、收益等列)。我可以給股票名稱列中的內容提供固定長度嗎?默認情況下它可以顯示“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> &#x20b9; {{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> &#x20b9; {{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>


查看完整回答
反對 回復 2022-06-02
  • 1 回答
  • 0 關注
  • 116 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號