Javascript 将表格宽度固定为屏幕宽度，即使列中的数据很大

我有一个数据表，有6列，其中第6列的内容有时太大，以至于表的宽度超出了屏幕

有没有办法不让表格宽度扩大屏幕宽度，同时保留列的内容

示例图像如下所示：

HTML代码

<div id="tables">
        <div id="Running" class="tabcontent">
            <table id="running" class="table table-striped table-hover dt-responsive display nowrap" width="100%">
            </table>
        </div>
</div>

---

你在包装什么？你能和我们分享你的HTML/CSS代码吗？你能发布你的HTML吗？如果您可以使用一个代码片段来显示输出的HTML代码，这会更好，也许这会有所帮助？你在包装什么？你能和我们分享你的HTML/CSS代码吗？你能发布你的HTML吗？如果您可以使用一个代码片段来显示输出的HTML代码，这会更好，也许这会有所帮助？

$.getJSON("realtime/2010/jsonoutput.json", function(data) {
  $.each(data, function(key, value) {
    job_data = [key, value["Jobname"], value["Username"], value["Queue"], value["Elapsed_Time"], value["RequiredTime"], value["Exec_host"].join(',')];

    if (value["State"] == "R") {
      running_data.push(job_data);
    } else if (value["State"] == "Q")
      queue_data.push(job_data);
    else
      hold_data.push(job_data);
  });

  $('#running').DataTable({
    destroy: true,
    responsive: false,
    data: running_data,
    stateSave: true,
    columnsDefs: [{
      visible: false,
      targets: [1]
    }],
    columns: [
      { title: "Job ID" },
      { title: "Job Name" },
      { title: "User" },
      { title: "Queue" },
      { title: "Elapsed_Time" },
      { title: "Required_Time" },
      { title: "Exec_host" }
    ],
  });