如何降低物料-UI TableFooter高度
物料-UI是一款基于Vue.js的前端组件库，用于构建用户界面。TableFooter是物料-UI中的一个表格底部组件，用于显示表格的页脚信息。降低TableFooter的高度可以通过以下几种方式实现：
- 自定义样式：通过修改TableFooter的CSS样式来降低其高度。可以使用CSS属性如height、padding、margin等来调整高度，根据实际需求进行调整。
- 调整行高：TableFooter中的内容通常是以行的形式展示的，可以通过调整行高来降低整体高度。可以使用CSS属性line-height来设置行高，根据实际需求进行调整。
- 减少内容：如果TableFooter中的内容过多导致高度过高，可以考虑减少内容或者调整内容的布局方式。可以通过删除一些不必要的信息或者使用更紧凑的布局方式来降低高度。
- 使用分页组件：如果TableFooter主要用于显示分页信息，可以考虑使用物料-UI提供的分页组件来代替TableFooter，分页组件通常具有更小的高度。
总结起来，降低物料-UI TableFooter的高度可以通过自定义样式、调整行高、减少内容或者使用分页组件等方式实现。具体的实现方式可以根据实际需求和具体场景进行选择。
相关·内容
如何降低TableFooter组件的高度？我正在尝试降低materials UI中TableFooter组件的高度，但在56px以下，页脚的高度不会变小。然而，增加/使其更大没有问题。minHeight: '20px', }, }
}) 我的表格的代码主要基于material
浏览 10提问于2019-04-27得票数 0
回答已采纳
是否有人可以帮我降低物料UI自动补全组件的高度？我尝试通过classes属性将height属性设置为10或20 px。但它什么也做不了。我也试图减少自动完成组件包装的文本字段的高度，但当我试图通过InputProps减少文本字段组件的高度时，自动完成区域中建议的项不显示。
浏览 19提问于2020-01-26得票数 8
对于图形小部件的显示，我也在使用Material.ui。 为了与HMI的布局相匹配，我必须按物料ui更新一些预定义组件的布局。 在我的例子中，我需要降低手风琴的高度。然而，当我展开它时，它又回到了原来的高度，在块之间有一些空白处。如下所示： ?
浏览 49提问于2021-07-07得票数 0
回答已采纳
根据DataGrid资料-UI，rowsPerPage下拉列表必须出现在TableFooter中，如此处的正式文档所示：
但是当我在CodeSandbox中打开这个示例时，UI：中没有这个特性。如何将rowsPerPage添加到DataGrid中？
浏览 9提问于2021-06-28得票数 1
使用Material UI，我希望我的表的TableBody的最大高度为500px。如果有任何行不适合TableBody的高度，那么TableBody应该在TableHead锁定(冻结)的同时垂直滚动。import TableCell from '@material-ui/core/TableCell';
浏览 2提问于2018-06-28得票数 12
我正在为桌面构建web应用程序，我发现material-ui在显示组件时浪费了很多空间。
AppBar以填充24呈现。将样式传递给appbar只是添加24，而不是覆盖。只需比较stackoverflow和material-ui appbar的菜单栏高度，如何将AppBar高度降低至少10px？
浏览 1提问于2018-04-24得票数 2
我正在做一个使用React，Material，Formik，formik-material-ui的网络项目。 这是我从表单中得到的输入屏幕。选择的输入高度大于文本字段输入的高度。 ? InputField组件如下： import { Field } from "formik"; );
}; 选择字段组件如下所示： import { Field
浏览 21提问于2021-09-08得票数 0
回答已采纳
1回答
我使用的是语义UI。这是我的超文本标记语言：<div class="item"> <div我不能改变高度。
这些出了什么问题？
浏览 2提问于2014-04-13得票数 1
我有一个material-ui
<TableRow> </TableRowColumn> </<e
浏览 0提问于2017-12-10得票数 2
回答已采纳
1回答
但是现在它也会自动降低Server Text Field的高度，当它被向上推时。将Server Stack View的固定高度设置为60.5会擦除“登录”按钮，因此我将Username Stack View的高度设置为固定的110.5，这不会改变任何事情。我尝试将多个UI元素的Vertical Content Compression Resistance Priority更改为999，但总有一个UI元素的高度降低。正如您在这张截图中所看到的，键盘上方有
浏览 2提问于2019-07-01得票数 0
如何才能删除title框中的shiny部分？还是把它的高度降低到0？不，我不想要NULL或=""library(plotly) dashboardHeaderbox(title="something"), )
shinyApp(<
浏览 0提问于2021-04-23得票数 0
回答已采纳
假设您有这类自定义指令：
在上面的场景中，假设您希望<main-ui>获取整个视口的宽度和高度，而<content-ui>将获取整个视口的宽度和高度，但降低了<header-ui>的高度。您会采取什么样的方法通过角度，以确保<content-ui>高度始终按照要求，无论是最初和窗口调整大小？<content-ui>是否应该通过引用window和<hea
浏览 3提问于2014-11-19得票数 0
3回答
我遇到了一个问题，一开始我以为这是我的应用程序的一般配置，以及我给我的页面包装类的高度。但是，我做了一个简单的开箱即用的material选项卡示例，看起来这对于material组件来说是很自然的。Material选项卡组件为其选项卡容器提供了相同的高度，该高度是其所有容器中最大的。如何使容器的高度调整到它自己的选项卡的内容？这就是为什么TAB 1这么大，TAB 2设置高度
让您看到代码正在工作，并处理它。我到目前为止所做的一次攻击是设置一个确定的高度
浏览 7提问于2017-11-03得票数 9
回答已采纳
我想有一个开关组件没有额外的高度，宽度，填充，页边距<Switch onChange, top: '50%', left: '50%', },重现步骤(针对bug)
物料UI问题在此处归档
浏览 3提问于2017-12-23得票数 0
在编辑物料清单(BOM)行时，应将字段“数量”的值复制到字段“高度”。如何才能做到这一点？
另见以下两幅图片：
浏览 3提问于2015-03-10得票数 0
回答已采纳
我目前正在使用material ui，但我遇到了GridLists的问题。我有一个带有多个GridTiles的GridList，我看不到任何方法来分别更改每个GridList的高度。物料ui站点上的GriList条目
我目前有以下内容(不起作用)。
浏览 14提问于2016-08-28得票数 1
回答已采纳
3回答
我想要更改(减少)工具栏的默认高度从资料-UI。问题是，当我超过50岁时，我能看到变化。但是当我想降低身高的时候，我是无法做到的。
我怎样才能做到这一点？
浏览 5提问于2021-01-31得票数 0
回答已采纳
3回答
我发现很难在Material UI上创建带有菜单的导航栏。我读过它的AppBar文档。但是，他们似乎没有提供这个功能。1)物料UI AppBar2) React Bootstrap导航条如何像React Bootstrap那样在Material UI上创建导航栏菜单？
浏览 2提问于2017-09-05得票数 12
我正在尝试寻找一个示例，说明如何使用表分页选项来显示每页一行。/core/styles';import TableBody from '@material-ui/core//core/TableContainer';
import TableFooter from '@material-
浏览 17提问于2020-10-24得票数 2
2回答
我在一个闪亮的应用程序上有很多生成的输入字段，我想通过降低dateinput字段的高度来使它更加密集。但是，“高度”标签只缩小框并使其溢出到下一个输入中。那么，如何缩小dateInput()字段，使其只比文本高一点呢？library(shiny)
tags$style(".shiny-date-input {height : 30px;}")
,dateInput("date1","date1"
浏览 1提问于2018-08-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
