Javascript 当我没有'；我不希望它也能水平滚动

1-我的桌子宽度从屏幕上消失。我希望它被严格地固定在我的屏幕上。 2-如果表格数据有两行长，我如何只显示几行。就像一个td有1000个字符要显示，但我只希望前100个字符应该显示，其余的应该显示，如果我点击这个

非常感谢你的帮助

我的html文件

商机
#
网站
标题
描述
组织机构
截止日期
还剩几个星期
下载
进口日期
活动
{输出%中的行的%1}
{{loop.index}}
{{row.website}}
{{row.title}}
{{row.description}}
{{row.organization}}
{{row.close_date}
{{row.weeks_left}
{row.downloads%}中的链接为%
{%if链接！=''%}
{%else%}
不适用
{%endif%}
{%endfor%}
{{row.created_at}}
#其他一些代码
{%endfor%}

---

在您的table responsive类中尝试此功能

table-responsive {
  /* your style */
  max-width: 100% !important;   /* set required width */
  overflow-x: auto; 
}

---

注意：这会将表的父div设置为最大宽度，因此如果宽度超过最大宽度，则通过提供滚动条，表内容将显示在该最大宽度内。

请在表响应类中尝试此操作

table-responsive {
  /* your style */
  max-width: 100% !important;   /* set required width */
  overflow-x: auto; 
}

---

注意：这将表的父div设置为max width，因此如果宽度超过max width，则通过提供滚动条，表内容将显示在该max width内。

a

fixed

表布局与width属性相结合，以限制表的宽度。

文本溢出

属性用于将省略号应用于太长而无法容纳的单词

    table {
      width: 100%;
      table-layout: fixed;
    }
    td {
      max-width: 50px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

---

一个

固定的

表格布局，与width属性相结合，用于限制表格的宽度。

文本溢出

属性用于将省略号应用于太长而无法容纳的单词

    table {
      width: 100%;
      table-layout: fixed;
    }
    td {
      max-width: 50px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

---

我希望您使用的是Bootstrap4

我已经在下面的代码片段中复制粘贴了您的代码，一切正常

如果你给我提供完整的代码，那么我将很容易解决这个问题

如果你需要帮助，请告诉我

商机
#
网站
标题
描述
组织机构
截止日期
还剩几个星期
下载
进口日期
活动
{输出%中的行的%1}
{{loop.index}}
易懂
易懂
{{row.description}}
{{row.organization}}
{{row.close_date}
易懂
Sed ut

{%endif%}
{%endfor%}
{{row.created_at}}
#其他一些代码
{%endfor%}

我希望您使用的是Bootstrap 4

我已经在下面的代码片段中复制粘贴了您的代码，一切正常

如果你给我提供完整的代码，那么我将很容易解决这个问题

如果你需要帮助，请告诉我

商机
#
网站
标题
描述
组织机构
截止日期
还剩几个星期
下载
进口日期
活动
{输出%中的行的%1}
{{loop.index}}
易懂
易懂
{{row.description}}
{{row.或