tbody滑动
时间: 2023-08-24 15:08:17 浏览: 41
如果您想让 `<tbody>` 元素具有滚动条,您可以将其放置在一个固定高度的容器中,并将 `overflow` 属性设置为 `scroll`。例如:
```html
<div style="height: 200px; overflow: scroll;">
<table>
<tbody>
<!-- 表格内容 -->
</tbody>
</table>
</div>
```
这将创建一个高度为 200 像素的容器,并使其具有垂直滚动条。当表格内容超出容器高度时,用户可以使用滚动条滚动内容。
相关问题
html表格左右上下滑动
若表格比较长,可以使用HTML中的`<table>`标签来创建一个表格,并将表格置于一个带有滚动条的`<div>`标签中。这样,当表格数据过多时,用户可以通过滚动条来上下滑动表格。下面是一个示例代码:
```html
<div style="height: 200px; overflow: auto;">
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
<td>Row 1, Column 3</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
<td>Row 2, Column 3</td>
</tr>
<!-- more rows -->
</tbody>
</table>
</div>
```
在上面的示例中,`<div>`元素设置了固定的高度和`overflow: auto`属性,这将使得当表格内容超出`<div>`的高度时,出现滚动条。表格中的表头和表体分别用`<thead>`和`<tbody>`标签包括,这是最佳实践。
python playwright库 滑动datatime picker
在 Playwright 中滑动 datetime picker (日期时间选择器),可以使用 `input()` 方法输入日期时间,也可以使用 `click()` 方法单击 datetime picker 上的元素来进行选择。
以下是一个示例代码:
```python
from playwright.sync_api import Playwright, sync_playwright
import datetime
with sync_playwright() as playwright:
browser = playwright.chromium.launch()
page = browser.new_page()
page.goto('https://www.jqueryscript.net/demo/Simple-jQuery-Date-Time-Picker-Plugin-Bootstrap/jquery.simple-dtpicker.js')
# 点击 datetime picker 中的日期输入框
page.click('#demo-1 + .input-group-addon')
# 获取当前日期
now = datetime.datetime.now()
# 设置日期
page.click(f'table tbody tr:nth-child({now.day + 1}) td:nth-child({now.month + 1})')
# 设置时间
page.click(f'.bootstrap-timepicker-widget table td[data-action="incrementHour"]')
page.click(f'.bootstrap-timepicker-widget table td[data-action="incrementMinute"]')
# 获取设置后的日期时间
selected_date_time = page.locator('#demo-1').get_attribute('value')
print(f'Selected date time is: {selected_date_time}')
browser.close()
```
在这个示例中,我们使用 `click()` 方法单击 datetime picker 上的日期和时间元素来进行选择,并使用 `get_attribute()` 方法获取选择后的日期时间。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)