html-table 相关问题

由于它与HTML有关,因此表格用于以表格方式显示数据。关于HTML表的问题应该通过显示有问题的源代码来询问,或者,如果问题是关于根据需求创建表失败的尝试,提问者需要显示失败的尝试,描述期望和行为如何不同。

覆盖html css中的span并使用TD

我在内有一个span标签。在中,我使用类设置字体。然而,span 有自己的字体样式。我想覆盖 span 标签中的字体样式,并且...

回答 5 投票 0

如何使用 html 在表格单元格中使用列表项?

如何在表格中使用有序列表,其中每个单元格将定义一个列表项。喜欢 。 无法先定义列。所以我尝试做一些类似的东西。 (这不是我需要的。我...

回答 1 投票 0

如何省略 R 中 table1 中的缺失值行

我有一个数据集如下。当我使用 table1() 从中创建 table1 时,会给出一行用于缺失值。我想知道是否可以从其中一个变量中排除“缺失行”...

回答 3 投票 0

按列值对 HTML 表进行排序

我正在寻找有人帮助我解决这个问题: 我们有一个充满用户排名的数据库,这些数据被提取并放入一个表格中,如下所示(无法发布图像): 姓名: 秩: 索赔:

回答 4 投票 0

HTML 表格水平和垂直滚动,而左列固定

我正在尝试创建一个 HTML 表格,其高度受到限制,并且左侧在水平滚动时保持固定(并且表格主体可水平滚动),但在滚动时不固定

回答 2 投票 0

如何使用每个单元格文本内容的切片对表格进行升序排序

所以我尝试创建一个函数,根据每行的第一个单元格(不包括第一行)对表格进行排序 元素的文本值是表单输入的值,它必须是 (A...

回答 1 投票 0

角度表,使用innerHTML打印单元格值,但值不可点击

下面的函数返回我的表的数据,每当我将表列名称设置为 ColName 且其单元格值将是一个字符串数组(只要数组具有值 UserInfo)时,我就想将其作为 我们需要

回答 1 投票 0

在 HTML 表格中每 n 个单元格创建一个新行

我有以下代码: for ($i = 0; $i < count($gallery); $i++) { $temp = array(); $temp = $gallery[$i]; echo ""; } ...

回答 5 投票 0

使用 beautifulsoup 将 html 表转换为 python 中的 csv

我正在尝试从网站获取表格数据。网页显示一些产品,我提取这些产品的链接,并想一一转到这些,获取表格,并综合所有信息...

回答 1 投票 0

在表格 Angular 8 中添加链接

我有一个包含一些列的表格,并且有一个可以单击和下载的“文档”列。 我怎样才能只将文档名称设为链接? 超文本标记语言 我有一个包含一些列的表格,还有一个可以单击和下载的“文档”列。 我怎样才能只将文档名称设为链接? HTML <p-table #dt3 [columns]="colsPermessi" [value]="permessi" [paginator]="true" [scrollable]="false" [rows]="10" [autoLayout]="true"> <ng-template pTemplate="header" let-columns> <tr> <th *ngFor="let col of columns" pResizableColumn>{{col.header}} </th> <th>Azioni</th> <th>Permessi</th> </tr> </ng-template> <ng-template pTemplate="body" let-rowData let-columns="columns"> <tr [pSelectableRow]="rowData"> <td *ngFor="let col of colsPermessi"> {{rowData[col.field]}} </td> </tr> </ng-template> 因此,我希望“文档”列可单击,单击时它会调用“downloadFile ()”函数。 我该怎么做? 这可以使用 *ngIf 来分隔你的案例来完成。对于 documento 列,使用 ngIf 插入超链接标记。对于其他所有内容,只需插入文本即可。请参阅下面的示例: <ng-template pTemplate="body" let-rowData let-columns="columns"> <tr [pSelectableRow]="rowData"> <td *ngFor="let col of colsPermessi"> <span *ngIf="col.header == 'Documento'><a [href]="col.url">{{rowData[col.field]}}</a></span> <span *ngIf="col.header != 'Documento'>{{rowData[col.field]}}</span> </td> </tr> </ng-template> 我可以看到/a标记,但我看不到标记

回答 2 投票 0

分页器选择行数未正确显示

我有一张像这样的有角材料的桌子 有人可以告诉我为什么“每页项目”数字显示在表格下方而不是选择选项元素(橙色标记)下方? 这是我的 html 项目...

回答 1 投票 0

带有额外全角列的 HTML 表格行

我有一个包含多行和多列的 HTML 表格。我想将 td 附加到其中一些行,以便 td 看起来像一个新行并跨越表格的整个宽度。这很有用...

回答 2 投票 0

如何使用 CSS 取消隐藏表格的一行?

我有一个 table 元素,里面有 tbody 和几个 tr 元素。 默认情况下,使用 display:none 隐藏 tr 元素(行)之一,自 sp...

回答 2 投票 0

表格字段中的下拉菜单导致垂直滚动

使用 Tailwind CSS,我的项目中有这个表。 使用 Tailwind CSS,我的项目中有这个表。<div class="relative overflow-x-auto shadow-md sm:rounded-lg"> <table class="w-full text-sm text-left rtl:text-right text-gray-500"> <thead class="text-xs text-white uppercase bg-gray-900"> <tr> <th class="px-6 py-3">Name</th> <th class="px-6 py-3">Actions</th> </tr> </thead> <tbody> <tr class="bg-gray-50 border-b"> <td class="px-6 py-3 text-sm font-medium text-gray-900">John Doe</td> <td class="px-6 py-3"> <div onclick="openTableDropdown(1)" class="relative cursor-pointer inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 hover:text-gray-500"> clickable icone <div id="tableDropdown-1" class="hidden bg-white rounded-lg shadow-sm border border-gray-200 absolute bottom-0 left-1/2 transform translate-y-full -translate-x-1/2 z-10"> <ul> <li class="px-6 pt-2 pb-1 hover:bg-gray-200 rounded-t-lg">Action 1</li> <li class="px-6 py-1 hover:bg-gray-200">Action 2</li> <li class="px-6 pt-1 pb-2 hover:bg-gray-200 rounded-b-lg">Action 3</li> </ul> </div> </div> </td> </tr> </tbody> </table> </div> 我有这个简单的功能来切换下拉菜单:function openTableDropdown(id){ var dropdown = document.getElementById(`tableDropdown-${id}`); dropdown.classList.toggle('hidden'); } 一切正常,除了当我打开表格最后一行的下拉菜单时。要显示元素,div 在表格中显示垂直滚动。有什么办法可以显示表格上方的绝对元素吗?这就是现在的输出方式,但我想重叠表格上的元素并避免垂直滚动。我尝试更改 z-index 但不起作用。 您需要对代码进行一些更改。 看下面的代码: <div class="relative overflow-x-auto shadow-md sm:rounded-lg"> <table class="w-full text-sm text-left rtl:text-right text-gray-500"> <thead class="text-xs text-white uppercase bg-gray-900"> <tr> <th class="px-6 py-3">Name</th> <th class="px-6 py-3">Actions</th> </tr> </thead> <tbody> <tr class="bg-gray-50 border-b"> <td class="px-6 py-3 text-sm font-medium text-gray-900">John Doe</td> <td class="px-6 py-3"> <div onclick="openTableDropdown(1)" class="relative cursor-pointer inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 hover:text-gray-500"> clickable icone <div id="tableDropdown-1" class="hidden bg-white rounded-lg shadow-sm border border-gray-200 absolute top-full left-1/2 transform -translate-x-1/2 z-10"> <ul> <li class="px-6 pt-2 pb-1 hover:bg-gray-200 rounded-t-lg">Action 1</li> <li class="px-6 py-1 hover:bg-gray-200">Action 2</li> <li class="px-6 pt-1 pb-2 hover:bg-gray-200 rounded-b-lg">Action 3</li> </ul> </div> </div> </td> </tr> </tbody> </table> </div> 尝试一下,让我知道效果如何。谢谢你。

回答 1 投票 0

使用正确的代码拉动 td/html 元素 - Selenium 和 Python

我一直在尝试从 https://www.tradingview.com/markets/stocks-turkey/market-movers- 中提取股票代码(股票的简称)、股票名称、价格、板块和市值列全股票/

回答 1 投票 0

Python代码只能检索标题,但之后无法获取任何信息..我做错了什么?

html 代码图片 --> (https://i.stack.imgur.com/JkjSy.png) 从 bs4 导入 BeautifulSoup 导入请求 从 csv 导入 writer 汤 = BeautifulSoup(requests.get('https://www.cfpc.ca/en/members-

回答 1 投票 0

如何使用 css 在 <table> 中制作一列具有固定宽度,另一列具有自动宽度?

我正在制作一个具有可调整大小的列的表格,并面临一个无法解决的问题。我需要允许用户拖动列的一侧来调整其大小,并根据需要重置宽度。通过调整大小我...

回答 1 投票 0

通过javascript渲染html表格

我陷入了一个奇怪的点...... // TicketList 引用一个 html 表 id console.log("ticketList.rows.length 之前:" + TicketList.rows.length); 对于 (i= 1; i < ticketList.rows.le...

回答 1 投票 0

小输入元素在手机上的 td 元素内不可见。 HTML CSS

我有一个数独项目,其中有一个 9x9 数字表 元素,我在某些 处生成输入,这使得它 ...

回答 1 投票 0

如何展开和折叠表行(所有行,而不是每一行),同时最新行在纯 js 中始终保持可见?

我有一个输入字段,用于输入数据。 该数据将进入表并创建一个新行,其中包含数据。 最新的行始终位于顶部。 我希望表格仅显示最新行...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.