عرض جدول jQuery للعنوان
-
12-12-2019 - |
سؤال
انا املك table
بعنوان قصير ولكن خلايا طويلة (td
).هل من الممكن جعل عرض الأعمدة إلى أصغر عرض ممكن للعنوان؟
مثال:
<table>
<tr>
<th>Name</th>
<th>phone</th>
</tr>
<tr>
<td>Santa</td>
<td>20938570987098709870298349082456</td>
</tr>
</table>
لذلك، يجب أن يظهر عمود "الهاتف" "20....."
هل هو ممكن؟
المحلول
يكون الأمر أكثر صرامة بعض الشيء إذا كنت تريد الدقة في العرض وكنت لا تستخدم خطًا أحادي المسافة.
$("th").each(function () {
var chars = $(this).text().length;
$("td").eq($(this).index()).each(function () {
if ($(this).text().length > chars) {
$(this).text($(this).text().substring(0, chars) + '...');
}
});
});
لم يتم اختباره أو تحسينه؛مجرد إثبات للمفهوم.
لا تنتمي إلى StackOverflow