如何在react virtualised中禁用表的高度属性？
在React Virtualized中禁用表的高度属性可以通过以下步骤实现：
- 首先，确保你已经安装了React Virtualized库。你可以使用npm或yarn来安装它：
- 首先，确保你已经安装了React Virtualized库。你可以使用npm或yarn来安装它：
- 或
- 或
- 在你的React组件中引入所需的组件：
- 在你的React组件中引入所需的组件：
- 创建一个状态变量来控制表的高度属性：
- 创建一个状态变量来控制表的高度属性：
- 在Table组件中使用disableHeight属性来禁用表的高度属性：
- 在Table组件中使用disableHeight属性来禁用表的高度属性：
- 通过将disableHeight属性设置为true，你可以禁用表的高度属性。
- 如果你想动态地切换禁用表的高度属性，你可以在需要的时候更新状态变量：
- 如果你想动态地切换禁用表的高度属性，你可以在需要的时候更新状态变量：
- 然后，在适当的地方调用handleDisableTableHeight函数来切换禁用表的高度属性。
这样，你就可以在React Virtualized中禁用表的高度属性了。请注意，这只是一个简单的示例，你可能需要根据你的具体需求进行适当的调整和修改。
关于React Virtualized的更多信息和使用方法，你可以参考腾讯云的React Virtualized产品介绍页面：React Virtualized产品介绍。
相关·内容
我正在使用react-virtualised在我的react应用程序中呈现一个html表。默认情况下，将根据需要设置元素的height属性。现在我不想设置表的高度，但我想设置它的max-height。原因是设置了一个固定的高度，一次可以显示20条记录，如果api只返回3条记录，就会有一个巨大的空格，下面有一个边框。我已经看过文档了，但找不到任何修复方法。 <Table
rowClassName={({ index }) => rowClassName({ index })}
headerHeight={50}
浏览 20提问于2020-12-01得票数 1
回答已采纳
1回答
我一直在使用来自的React本机地图库
我已经遵循了所有的灌输步骤，但我仍然收到一个空白的屏幕(整个反应屏幕是白色的，好像没有任何渲染)。
但是，当我试图在react中呈现一个元素时，会弹出文本。因此，我的地图没有出现是我实现库的结果，而不是反应的问题。
这是我的index.android.js页面代码
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
浏览 1提问于2016-07-25得票数 3
回答已采纳
1回答
传单没有正确地缩放到移动设备
、、、、
我有一个问题，缩放传单地图，以适应移动设备。我正在构建一个应用程序，使用React、传单(+React传单)和OpenStreetMaps。
如果我在屏幕底部放置像页脚或缩放控件这样的组件，它们要么显示一半，要么根本不显示，因为它们隐藏在移动设备菜单后面。
下面是一个例子。
在这种情况下，缩放控制组件在移动版本中根本不会出现。例如，如果我将“高度”属性更改为“90 it”，则会再次出现。
当然，现在它起作用了，但看起来很难看，没有反应。我怎么才能解决这个问题？
我跟踪了这个，但它似乎没有帮助。
浏览 3提问于2021-12-18得票数 0
回答已采纳
我有一个UITableView到一个UIScrollView，我需要这个表没有滚动，因为所有的视图都要滚动，我正在使用的方法-reset_sizes来做这件事，但不起作用，这只是滚动所有content_view但表的框架不改变，我试图改变表的高度，但它不工作。
有人知道问题出在哪里吗？
-(void) reset_sizes
{
[_scroll_view layoutIfNeeded];
_table_view.frame = CGRectMake(_table_view.frame.origin.x, _table_view.frame.origin.y
浏览 2提问于2014-04-07得票数 0
我在StackOverflow上经历了很多答案。我也在这里浏览过列表文档，。但是，我仍然无法理解如何在react-virtualized列表中动态设置行高。如何计算rowHeight道具函数中的高度？
我可以像rowHeight={({ index }) => this.computeRowHeight({ index })}一样调用我的函数。但是，函数将如何计算行高？
以下是供参考的代码。
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import
浏览 4提问于2016-12-30得票数 10
2回答
如果我的数据太长，我想添加垂直滚动。水平滚动工作正常，是不是数据太大了，但是我不知道如何在react typescript中的物料表中垂直滚动？
我的代码是-
{isLoading ?
(<Spinner></Spinner>)
: error && error.length > 0 ?
(<ErrorDetails error={error}></ErrorDetails>)
: result && (<div className
浏览 1提问于2020-05-27得票数 0
我用的是SQL2008 R2。
我有一份家长报告，还有一份分报告。提示用户输入日期和可变数量的“区域”。对于选定的每个区域，该区域都有自己的页面，即包含该区域数据的子报表。
导出时，每个区域都有自己的工作表。
在SSRS中，如何在导出时将子报表的动态数量强制放入单个Excel表中？
生成的工作表可能有数百张，我不能指望用户每天都将数据剪切/粘贴到单个工作表中。
具体例子:我选择匹兹堡西部和匹兹堡东部，并出口。第一页是匹兹堡西部数据，第二页是匹兹堡东部数据。
我想维护标题，但所有选定区域的数据都在表1中。
浏览 0提问于2013-11-07得票数 0
回答已采纳
1回答
大家好，我有一个问题，造型每一个项目的每一个项目，在一个平面。在堆栈溢出中，我发现您必须在呈现项中使用索引，但在呈现项中，我有一个包含所有项目的组件。
我想达到的是这样的结果：
以下是我在home组件中的代码：
import React, {useEffect, useState} from 'react';
import {
FlatList,
Pressable,
ScrollView,
StyleSheet,
Text,
View,
} from 'react-native';
import {Audio, Book} f
浏览 6提问于2022-10-26得票数 1
回答已采纳
3回答
单击并不适用于按钮的所有部分。只有文本区域是可单击的。 作为解决方案，我使用了contentStyle而不是style prop。但它只改变按钮触摸空间中的颜色。我需要为整个按钮应用按钮单击，并在单击按钮的任何位置时更改整个按钮的颜色。 下面是我的代码： import * as React from "react";
import { Button } from "react-native-paper";
import styles from "./styles";
const Cbutton = ({ text, onPress }) =&
浏览 35提问于2019-06-08得票数 2
1回答
我使用JasperReports 4.6.0和JDK1.6来生成我的.docx报告。
Jasper在默认情况下以一列表的形式生成报告，其中每个组件(例如TextField)都占据一行。在当前情况下，我面临的问题是，每当我想编辑输出报告并在某些textField中手动添加新行时，我必须通过扩大表行(即单击和幻灯片)来扩大给定textField的高度。
这似乎是一项乏味的工作。因此，我查看了一个普通MS Word表的属性，并注意到了一个名为“指定高度”的属性
]
默认情况下，在jasper输出报告中启用。如果禁用，您可以简单地添加一个CR，下面的所有行也会移动。尽管如此，我想在jasper中
浏览 1提问于2017-05-05得票数 2
回答已采纳
我有一个UITableView，其中单元格包含一个ImageView和一个嵌套的UITableView。嵌套表可以包含可变数量的单元格，因此具有可变的高度(而且不能滚动)。
我正在尝试将父单元格高度设置为等于图像的高度和使用UITableViewAutomaticDimension的嵌套表视图的高度，但它只扩展到图像的范围内，可能是因为表视图的起始高度为0，并且在父单元格中创建表视图后填充。
如何使父表单元格与其内容的高度相同？我已经设置了单元格内容视图和图像/嵌套表之间的约束。
浏览 2提问于2016-02-17得票数 4
当创建半圆角规时，我总是使用以下窗格设置来获得表上方的空空间：
....
pane: {
startAngle: -90,
endAngle: 90,
center: ['50%', '100%']
...
}
...
下面是一个例子：
减小容器的高度只会使量规变小，但会留下空间。用Chrome和IE对此进行了测试。
是否有一种方法可以删除空空间，还是我尝试的不正确？
浏览 5提问于2014-03-20得票数 1
回答已采纳
我正在使用react-native为一个iOS移动应用程序，在那里我使用ListView来显示一个警报列表。我已经创建了自己的名为ComponentListView的可重用列表视图组件，可以在其中传递要在每一行中呈现的组件和列表视图的数据。如果我有很多警报，我向下滚动看到警报在最后，它总是滚动回顶部(请参阅下面的示例应用程序在rnplay与症状)，因此我不能操作警报在最后。我认为这可能与我如何创建ComponentListView组件有关，因为如果我只使用一个简单的ListView组件，它就会像预期的那样工作，但是我需要使用ComponentListView组件，因为我有许多不同的屏幕，在这些
浏览 2提问于2016-05-15得票数 4
回答已采纳
我需要有一个注销按钮，但不需要有一个登录页面。因此，在react-admin文档https://marmelab.com/react-admin/Admin.html#loginpage中指出，如果没有登录路由，则使用loginPage={false}。当你这样做的时候，整个文档都消失了。
浏览 11提问于2019-12-14得票数 1
1回答
我正在构建一个元素(react中的组件)，它可以包含一个子组件/元素。元素上定义了一些样式。元素应该具有样式，以便允许子元素在屏幕上的任何位置(即相对于viewport)。不过，有两个渔获量，
在position: absolute中，我不能将自定义元素的高度和宽度设置为100%，因为这个元素后面有一个元素需要是可见的和可点击的(我的第一种方法是在定制元素上设置opacity:0，以便后面的元素可以可见，但这不会使其可点击)。
子元素是有条件地挂载/卸载的，因此在此过程中，可以看到一个滚动条，在安装/卸载完成后，它就会消失，从而使它成为一个不太好的UI。
让我们调用自定
浏览 1提问于2021-12-13得票数 0
回答已采纳
如何在React Native中获取文本组件的行数？ 如果文本组件的行数超过4行，我想显示“阅读更多按钮”。 有没有获取行数的道具？ 我已经知道在文本组件中有一个numberOfLines属性，但它只是设置行数。我说的对吗？
浏览 96提问于2020-01-20得票数 1
回答已采纳
我试图将一个View封闭在另一个View中，但即使我没有指定它，封闭的View仍然占据了100%的宽度。 ? 我的主文件 import React from "react";
import { Text, View, Image } from "react-native";
import style from "../styles/screens/RegisterStyle";
export default function SignupRegisterScreen(props) {
return (
<View s
浏览 27提问于2021-07-19得票数 0
是CodeSandbox中的一个基本网格。在定义columns对象时，对于其中一列，我将其作为一个简单的React组件传递给属性headerRenderer，该组件显示一些文本和红色背景。我在这个组件上设置了高度100，这样它就可以展开标题单元格了。但这并不管用。
我进入Chrome dev工具，尝试更改各种父元素上的一堆css属性，但都无济于事:标题的显示高度总是35px。
请注意，在链接中，我还定义了override.css，它专门定义了.react-grid-HeaderCell类的高度。
我错过了什么，这个标题的高度不会移动？
浏览 7提问于2019-07-09得票数 0
回答已采纳
1回答
梅氏[表]？
、、、、
我已经尝试将一个模式纳入我的项目，但模式无法关闭，高度是覆盖整个屏幕长度。当我检查元素时，它说：
[tabindex]:
outline: none;
height: 100%
我该如何摆脱这个height: 100%？
这是代码(来自MUI示例+我的样式组件)：
import React from 'react';
import Modal from '@mui/material/Modal';
import styled from 'styled-components';
import Box from '@mui/m
浏览 5提问于2022-05-02得票数 0
2回答
我有一个自定义控件(xib + UIView子类)。
我希望我的控件有一个像UITextField或ProgressBar那样的计算高度，所以我希望IB不向我展示每一侧的UIView调整大小旋钮，而只显示在我的自定义控件的左边和右边。在“属性检查器”中的“UITextField高度”字段中，您无法从“接口生成器”修改它。
我搜索了StackOverflow，并找到了这个，但这不是我想要实现的。
谢谢你的帮助，卢卡-
浏览 6提问于2017-05-06得票数 2
回答已采纳
1回答
我正在尝试制作一个包含地图的小web应用程序。我正在使用这里的地图反应组件(这是不可商量的)，但我有困难，让地图显示。我不确定是关键还是我对React的理解(这是很小的)，是导致问题的原因。
地图组件
import React from "react";
import { connect } from "react-redux";
import HEREMap from "react-here-maps";
@connect((store) => {
return {
};
})
export default class Ma
浏览 3提问于2016-12-12得票数 2
我正在试图弄清楚如何在我的ios应用程序的React-Native WebView中禁用文本选择。在站点上使用设置为none的css样式user-select在使用设备或模拟器时似乎不起作用，但它在浏览器中确实起作用。有没有办法使用React-Native WebView禁用它，或者我需要使用一些本地代码来实现这一点？
使用React-Native 0.30，iOS 9-10
浏览 12提问于2016-11-29得票数 3
1回答
在页面上，一些脚本正在运行，并意外地控制内联样式的高度。
不确定是什么脚本在修改“高度”属性。
<div class="vgca-iframe-wrapper wpfa-initialized" style="height: 6424px;">
高度不断上升，并推动所有元素通过页脚。
试图锁定这个类以避免被编辑。
到目前为止，已经尝试控制css样式表中的元素，使其锁定在3000 it。
div.vgca-iframe-wrapper.wpfa-initialized {
height: 3000px !important;
}
没有结
浏览 19提问于2022-10-14得票数 0
根据React的文件：
一个常见的模式是创建几个只呈现数据的无状态组件，并且在层次结构中有一个有状态组件，通过道具将其状态传递给其子组件。
让我们以一个DropdownList为例，将其分解为更小的部分：
将React的思想应用于DropdownList将意味着DropdownList组件也通过响应UI事件来管理弹出窗口和列表的状态。以这种方式实现的一个很好的方法可以在这里找到 (参见GitHub代码)。
另一种方法可以是每个组件在可能的情况下管理自己的状态。我试着写一个我自己的DropdownList的简约版本(请注意CSS.)它使用有状态列表。关于列表如何管理其状态的一个简短
浏览 3提问于2015-04-19得票数 0
1回答
我是新来的反应本地的，并试图玩Moti动画，我不知道为什么动画没有加载，代码是：
import { MotiView, MotiText } from "moti"
import React, { useState, useEffect } from "react";
import { View } from 'react-native';
export default function App() {
return (
<View>
<Text>Hello world</Text>
浏览 5提问于2022-11-26得票数 0
我正在映射一个对象数组。我只想显示可以放在一行中的项目。其他的必须放在一个新的数组中，它将显示在其他地方(一个“查看更多”按钮+一个弹出窗口)。 为了做到这一点，我在div上有一个ref，它包含映射的项。一旦它的高度改变了，我就知道我在另一条线路上，是时候停止显示项目了。 我写道： const Component = ({myArray}) => {
let ref = React.useRef();
const { height, width } = useSize(ref);
const availableSpace = 24;
const otherArray = [];
浏览 16提问于2020-01-31得票数 1
根据React虚拟化文档，“AutoSizer组件装饰一个React元素，并自动管理宽度和高度属性，以便修饰元素填充可用的空间”。
建议通常将height: 100%;或flex: 1;添加到DOM中的所有父元素中，以呈现表的全部高度。
如果其中一个元素(例如一个绝对定位的全页面覆盖容器)有height: 100vh; overflow: scroll;怎么办？
在这种情况下，表的父高度为100 if，但如果子表的高度大于100 if，则允许溢出。
假设我们的表有许多不同高度的行，呈现时超过100 of。Autosizer将返回一个以像素为单位的最大为100 to的高度，这意味着我们表中的最后
浏览 0提问于2018-02-21得票数 3
假设我有一个元素，它包装了一个输入，并获取了它的所有属性以及其他一些属性。 在react中，这将被定义为 interface ExtendedInputProps extends React.ComponentPropsWithoutRef<'input'> {
some: Type
} 这是一个非常常见的用例。我知道Vue 3基于传递给defineComponent中的props:对象的内容来生成它的属性类型。 我正在想象做一些类似的事情： props:{
...getComponentProps('input')
add
浏览 92提问于2021-11-09得票数 3
回答已采纳
1回答
我有UITableView，我把桌面视图的高度设置为308。每个细胞的大小为154，如截图所示。
现在，当我运行这个程序时，我在UITableView中有3行。我期望保持高度为308，并期待有滚动选项。在滚动时，我也会看到第3行，但是UITableView的行为有所不同。整个屏幕如下所示。
如果您看到，我可以看到第三行和高度的行是增加的。
为了调整表视图的高度，我在viewWillAppear中添加了下面的代码，
mainTableView.frame = CGRectMake(mainTableView.frame.origin.x, mainTableView.fram
浏览 1提问于2013-07-25得票数 1
回答已采纳
我必须在兴趣中对齐不同高度的卡片，我在react semantic.Suggest me the solutions中没有找到任何解决方案。
浏览 0提问于2017-02-21得票数 3
import React from 'react';
import MaterialTable from 'material-table';
export default class DictionaryTable extends React.Component {
constructor(props) {
super(props);
this.state = {
columns: [
{title:'Need state',field: &
浏览 2提问于2020-01-19得票数 2
回答已采纳
我刚开始学习如何反应，现在我遇到了问题，我只想在大屏幕上打开一个youtube播放器，当我点击“播放”按钮时，我不知道怎么做。
import React, { useState, useEffect } from "react";
import { GetVideo } from "../../api";
import Youtube from "react-youtube";
const Media = ({ id, isMovie }) => {
const [video, setVideo] = useState([]
浏览 4提问于2022-09-06得票数 0
我有一个完全由功能组件构建的react应用程序。我希望在元素在屏幕上呈现后获得它的高度，从而相应地更改它的父元素的大小。
有基于类的应用程序的解决方案，但我找不到任何功能组件。
我从答案中尝试了这个解决方案，但它没有运行useEffect钩子
下面是从我的组件中提取的代码
import React, {useRef, useEffect} from 'react';
import {
MenuContainer,
GrayBox,
Wrapper
} from '../LayersMenu/LayerMenu.styles';
ex
浏览 0提问于2019-11-19得票数 6
回答已采纳
1回答
在openxml中有没有办法获取excel行的行高？在我的例子中，我使用OpenXML2.0从.net数据表生成excel表。对于每一个datatable行，我在excel中定义新行。
row = new Row() { RowIndex = rowIndex };
在此之后，我将单元格附加到行
row.InsertBefore(newCell, refCell);
当完成生成excel表格时，我想得到每行的高度来增加它。但它在使用时总是为空
Row row = ExcelHelper.GetRow(sheetData, Convert.ToUInt32(13));
Do
浏览 15提问于2016-01-13得票数 3
是否可以像在固定数据表中那样在react-virtualized中添加两个标题行？我希望能够让第一个标题行中的一些列跨越几个列，以便对第二行上的列进行分类。
浏览 3提问于2016-07-22得票数 1
1回答
我试图在react引导表中的单元格中添加一个按钮，下面是我的代码：
import React, { Component } from "react";
import BootstrapTable from "react-bootstrap-table-next";
import { Button } from 'reactstrap';
class ActionsCard extends Component {
constructor(props) {
super(props);
浏览 0提问于2019-09-01得票数 2
回答已采纳
2回答
我正在使用Nextjs和Material Ui在我的项目中，设置背景图像并不像在其他项目中使用react那样有效。这是我第一次使用Nextjs。我尝试过从"next/image"导入图像并使用<Image height={} width={} />，但是它不像背景文件那样工作！如果您有任何关于使用MUI在Nextjs中设置背景的信息，我将不胜感激。
浏览 14提问于2022-07-09得票数 1
回答已采纳
请看一下我的。
下拉项目在iOS中是可触摸的，但在安卓中是不可触摸的。固定容器的高度(灰色方框)导致了这个问题，但我需要为我的工具栏保留固定的高度。
我尝试过使用react-native-view-overflow包，但没有成功。它需要react-native link，同时我不能弹出我的项目，因为我正在使用一些世博会软件包，如果我弹出它就会坏掉。
有什么建议可以让下拉菜单在Android中可触摸吗？
浏览 0提问于2019-02-04得票数 3
我想在react导航5中的导航抽屉中添加一个图像，但图像不显示。我的代码是： 我不知道我做错了什么，请帮帮我。 const DrawerNavigator = createDrawerNavigator();
export const AppNavigator = () => {
const { user, setUser } = useContext(AppContext);
return (
<DrawerNavigator.Navigator
drawerContent={(props) => {
return (
浏览 27提问于2020-08-27得票数 3
如何在semantic-ui-react中禁用带凭据的自动填写表单？我试过了，但不起作用
import { Form } from 'semantic-ui-react';
<Form autoComplete="off">
....
</Form>
浏览 0提问于2018-03-03得票数 10
4回答
嗨，我看不到月视图，即使它显示在react工具中。周视图工作正常，但月份视图不显示任何内容。PFA下面的代码。
这是周视图图像。
这是月视图图像。
import localizer from 'react-big-calendar/lib/localizers/globalize';
import globalize from 'globalize';
import BigCalendar from 'react-big-calendar';
import events from './events&#
浏览 5提问于2017-06-14得票数 1
回答已采纳
1回答
我正试图控制一个基于柔性盒css样式()的制表器div的大小。在具有给定宽度/高度的div中，我希望有一个字段占用它所需的空间，并让制表表填充其余部分(垂直)。
以下代码适用于文本，但表溢出了第二个div：
const columns = [
{ title: 'index', field: 'index', width: 80, formatter: 'textarea' },
{ title: 'text', field: 'text', width: 80, formatter: 't
浏览 1提问于2020-01-11得票数 0
回答已采纳
2回答
我尝试从props中将背景图像插入到卡片组件中，没有得到任何错误，但图像也没有显示在卡片组件中。我真的不知道我做错了什么。请告诉我，我需要一个更好的主意/方法来解决这个问题。谢谢
project.js
import React from "react";
import { Card, CardTitle, CardText, CardActions, Button } from "react-mdl";
const Project = ({ image, technology, description, projectName }) => {
ret
浏览 26提问于2020-05-06得票数 1
回答已采纳
在Delphi10.1.2VCL应用程序中，我在TToolButton上有一个TToolBar
object tlbDocProperties: TToolBar
AlignWithMargins = True
AutoSize = False
Left = 1
Top = 28
Width = 422
Height = 28
Margins.Left = 0
Margins.Right = 0
BorderWidth = 1
ButtonWidth = 148
Color = clBtnFace
DoubleBuffered = True
浏览 1提问于2017-04-13得票数 0
回答已采纳
2回答
我在一行中使用了一组if图像。在这些图像上方有一个文本框输入，根据该输入我需要启用/禁用图像？如何在React中做到这一点。
我试着在图片标签和disabled=true中添加"disable“，但是都不起作用。
const IBox = props =>
<div style={props.styles.imageContainer} >
<img id="image1" src={require('../../../public/images/image1.jpg')} alt = "Image1
浏览 23提问于2019-03-28得票数 1
回答已采纳
6回答
我最近在很多网站上都看到过这样的做法，但似乎还没有找到一个。本质上，当一个按钮被点击时，我想“禁用”整个面板(在HTML表格的表单中)。
通过禁用，我的意思是我不希望表中的表单元素可用，我希望表在某种程度上淡出。
我已经能够做到这一点，通过在桌面上放置一个绝对定位的div的“面纱”，该div具有低不透明度的白色背景(因此您可以看到它后面的表格，但不能单击任何东西，因为div在它前面)。这也增加了我想要的褪色效果。然而，当我将面纱的高度设置为100%时，它只与我的屏幕大小相同(不包括滚动)，所以如果用户向上或向下滚动，他们会看到面纱的边缘，这并不美观。
我假设这通常是以不同的方式完成的。有没有人
浏览 0提问于2010-04-30得票数 10
回答已采纳
我有来自Figma的CSS格式的输入数据，但我不知道如何重写它以使其在react native中工作，是否有任何库可以帮助我，如果有，我如何编写它？CSS代码如下：
浏览 26提问于2021-03-03得票数 0
1回答
嗨，我自己一直在忙着我的项目。我已经创建了react中的表，并获取了api来显示单元格的数据。但是，当我双击表格单元格时，它应该能够编辑数据，如果发生了更改，应该将其保存并更新到数据库中。我不知道更新函数以及如何在doubleClick上编辑表格单元格。请帮我做这件事。我会分享我的一些密码。
<tr>
<th>
<div className="td1">Concept</div>
</th>
{data.Concept.map((item, i) => {
浏览 8提问于2022-08-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
