Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在GoogleSheets上使用引导表扩展?_Javascript_Html_Css_Google Apps Script_Bootstrapping - Fatal编程技术网

Javascript 如何在GoogleSheets上使用引导表扩展?

Javascript 如何在GoogleSheets上使用引导表扩展?,javascript,html,css,google-apps-script,bootstrapping,Javascript,Html,Css,Google Apps Script,Bootstrapping,我已经在google web应用程序上工作了一段时间,但在使用引导表时遇到了问题。我对Javascript有相当的了解,但对HTML和CSS知之甚少 在我的web应用程序中,我有一个表单,用户可以在其中搜索以前输入到google表单中的一些数据。数据显示在一个引导表上,这很好,但我想添加一些排序功能。我想选择排序的数据。所以我尝试使用引导表扩展。我按照他们的指示把脚本放在哪里 排序箭头和函数仅在我将表格放入html主体时出现。但即使我将数据为sortable=“true”的表放在th标记中,也不

我已经在google web应用程序上工作了一段时间,但在使用引导表时遇到了问题。我对Javascript有相当的了解,但对HTML和CSS知之甚少

在我的web应用程序中,我有一个表单,用户可以在其中搜索以前输入到google表单中的一些数据。数据显示在一个引导表上,这很好,但我想添加一些排序功能。我想选择排序的数据。所以我尝试使用引导表扩展。我按照他们的指示把脚本放在哪里

排序箭头和函数仅在我将表格放入html主体时出现。但即使我将数据为sortable=“true”的表放在th标记中,也不起作用

我错过了什么?任何帮助都将不胜感激

提前谢谢

我在标题里有这个

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.17.1/dist/bootstrap-table.min.css">

我在同一个文档的正文中有这个…(这在任何其他html页面中都不起作用)


身份证件
项目名称
项目价格
1.
项目1
$1
2.
项目2
$2

您可以共享web应用程序的URL吗?
<table data-toggle="table" id = "table">
  <thead>
    <tr>
      <th data-field="id" data-sortable="true">ID</th>
      <th data-field="name" data-sortable="true">Item Name</th>
      <th data-field="price">Item Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Item 1</td>
      <td>$1</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Item 2</td>
      <td>$2</td>
    </tr>
  </tbody>
</table>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://unpkg.com/bootstrap-table@1.17.1/dist/bootstrap-table.min.js"></script>