Flutter - Table / TableCell:如何设置单元格的背景色
Flutter中的Table和TableCell是用于创建表格布局的组件。Table是一个用于创建表格的容器，而TableCell则是Table中的单元格。
要设置单元格的背景色，可以使用TableCell的属性decoration。decoration属性接受一个BoxDecoration对象，可以用来设置背景色、边框等样式。
下面是一个示例代码，演示如何设置单元格的背景色：
Table(
children: [
TableRow(
children: [
TableCell(
child: Container(
color: Colors.blue, // 设置背景色
padding: EdgeInsets.all(8.0),
child: Text('单元格1'),
),
),
TableCell(
child: Container(
color: Colors.green, // 设置背景色
padding: EdgeInsets.all(8.0),
child: Text('单元格2'),
),
),
],
),
],
)在上面的示例中，我们使用Container作为TableCell的子组件，并设置了color属性来设置背景色。你可以根据需要自定义背景色。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mwp）提供了丰富的移动开发工具和服务，可以帮助开发者快速构建高质量的移动应用。
相关·内容
我有一个表格小部件，我必须调整一个单元格的背景颜色。因此，我在TableCell小部件中放置了一个Container小部件并设置了它的颜色。如果该行的所有单元格都具有相同的高度(b1)，则可以很好地工作。但是，如果另一个单元格的高度较大(b2)，我的方法将失败，如您在此图像中所见。 ? 我知道Container的高度与其子元素匹配，而不是与父元素的高度匹配。
浏览 194提问于2020-09-14得票数 1
回答已采纳
我一直在使用如下所示的条件语句更改列中各个单元格的背景色，但我一直未能成功完成任何工作。我知道它可能设置不正确，而且我以前从未使用过JavaScript。document.getElementById("Table").onload = function();
if (tableCell<
浏览 11提问于2019-09-24得票数 1
回答已采纳
2回答
我只是寻找一个小部件类型，它提供了一个简单的默认解决方案，用于在子部件之间绘制共享边框，而不是触摸两个不同的边框或将一个小部件转换为一个边框。基本上，这只是孩子们的餐桌，就像细胞小部件一样。在颤振中有Table。但可悲的是，这些细胞似乎是无法扩展的。没有"colspan“的东西，因为它是TableCell。如果我将TableRows与不同的TableCells数放在一起，就会得到错误。表包含不规则的行长。表
浏览 8提问于2022-08-31得票数 0
回答已采纳
2回答
表中的每个单元格都由一个ID标识，例如0001等等。该表没有固定的维度，而是动态的，因此可以有20个或更多的单元格，这取决于数据库中存储了多少值。我想要更改特定单元格的文本框的背景颜色。但不知道如何进入牢房。
浏览 0提问于2013-02-06得票数 0
我试图避免在我的iOS项目中添加任何与可视化设置相关的代码，因为这就是Interface应该为您简化的内容。因此，我试图在IB中建立原型单元，然后打电话给：问题是，如果我更改IB中单元格的背景色，在运行我的应用程序时它仍然是白色<e
浏览 4提问于2013-04-03得票数 2
回答已采纳
2回答
我有以下问题，我试着增加表格单元的宽度，但我不知道怎么做。我使用的是Typescript。我只能为TableCellProps选择大小，并且我只能设置为中或小。有谁有解决方案吗？我想放大蓝色的表格单元格。<TableRow>
<TableCell align="left">address</TableCell> //sample Code, how i can set here t
浏览 2提问于2020-05-24得票数 0
我尝试使用openxml.Below合并word中的表单元格是我的代码，但它没有执行我想要的结果(合并表单元格)。有人能帮忙吗?谢谢。Dim tc1 As New TableCell()
' Append t
浏览 1提问于2018-05-15得票数 2
回答已采纳
1回答
我在我的项目中使用了asp.net C#我们在面板中动态生成了textbox我想要获取textbox的值，所以我使用了foreach循环来获取Textbox，但是我没有得到textboxtable.ID = "table1";table.BorderWi
浏览 0提问于2016-05-21得票数 0
1回答
当表格单元格完全可见时，我正在更改它的背景色。为了完成这个任务，我使用了一个交叉点观察者。所有代码都可以在代码沙箱中使用，并演示如何复制bug：我使用useInView钩子作为交叉口观察者： const={tableCell} );下面是单元格的实际呈现，CellRenderer.js
const CellRenderer = Re
浏览 2提问于2019-11-26得票数 5
回答已采纳
1回答
我已经将父元素设置为表，子元素设置为表单元格，并垂直对齐到底部。然而，它仍然显示更大的字体，因为它将与中间对齐。html <div class="tablecell tablecell1">7.1</div>
<div class="tablecell tablecell2"&
浏览 0提问于2015-01-22得票数 3
回答已采纳
3回答
table-row; border:1px solid black;} </style> <div class="tablerow">
<div class="tablecell">Hello</
浏览 5提问于2011-08-24得票数 75
回答已采纳
System.Windows.Documents.TableColumnCollection.Columns定义指出：
获取一个System.Windows.Documents.TableColumnCollection对象，该对象包含表承载的列请注意，此数字可能不是表中呈现的实际列数。是表中的System.Windows.Documents.TableCell对象决定了实际有多少列是rendered.This属性，没有默认值。
浏览 4提问于2017-04-19得票数 0
1回答
在我的报告中，XRTable单元格的数量不是固定的，而是取决于每次打印详细信息时提供的数据。因此，我需要在运行时添加或删除表单元格。我想我应该处理细节乐队的BeforePrint事件，但没有成功。这是如何做到的呢？
浏览 1提问于2018-04-18得票数 4
回答已采纳
我想要做的是在上面的表格中添加顶部边框。{ classes } = this.props;
</Table
我相信这不是一个语法问题，因为像background: 'red' working properly.这样的其他选项可能会遗漏一些东西。如何在此表中实现topBorder？
浏览 0提问于2018-05-16得票数 10
回答已采纳
关于WPF FlowDocument Table上的FlowDocument拆分策略，我有一个问题。var rowGroup = new TableRowGroup(); var cell1 = new TableCellBorderThickness = new Thickness(0, 0, 1, 0), BorderBrush = Brushes.Black };
var cell2 = new TableCell</
浏览 6提问于2013-01-04得票数 12
回答已采纳
2回答
对于这个完全堆栈的应用程序，我迁移到原始的devs中，似乎已经实现了一些组件来为应用程序的网页创建表。我有一点前端经验，但我不熟悉下一步做什么来修改填充。具体来说，从使用chrome developer工具开始，我希望将正确的填充(设置为24 0px )<
浏览 3提问于2020-10-11得票数 4
1回答
仅为表视图中的一个单元格着色
、、、、
当我单击一个单元格时，我会通过右键单击得到一个上下文菜单。右键单击菜单项，将打开文本输入对话框。在键入内容后，我将文本显示为工具提示。我想只在选定的单元格中显示工具提示。例如，背景颜色应更改为红色。这应该是有工具提示的信号。
我可以将文本输入文本显示为工具提示，但不能显示在选定的单元格中，不幸的是，只能显示在整个表视图中。我不能给单元格着色，也不能显示单元格有工具提示。我也在使用css。new TableView<Model&g
浏览 9提问于2019-03-28得票数 1
下面是我的代码。我尝试在style.js中设置tableRowRoot，但是交替行的行背景色没有改变。我希望只是设置表行的根，这样我就不需要添加任何类或逻辑到行等。希望你们能告诉我做这件事的正确方法。List of Pending Request <TableContainer component={Paper}>
<TableclassName
浏览 15提问于2021-10-28得票数 1
回答已采纳
2回答
我试图使用带折叠的MUI表来展开/折叠行。然而，当使用折叠时，展开的行被压缩到一个单元格中。如何使单元格与父表对齐？export default function App() { <TableTableCell>E</TableCell>
<<em
浏览 8提问于2021-12-30得票数 1
回答已采纳
1回答
我试图制作一个简单的ASP.NET页面，它使用外部数据库作为信息源。我遇到了一个我无法想象如何解决的任务。以下是对这项任务的描述：
任务是创建一个包含10×10个字段的aspx页面。使用ID来正确放置字段: ID % 10指定网格中的列，ID % 100指定行。用指定的颜色填充网格中的每个单元格
浏览 0提问于2013-04-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
