grid 相关问题

此标记含糊不清,请不要使用它。对于行列布局,请使用[grid-layout]。对于CSS Grid布局,请使用[css-grid]。对于HPC设置,请使用[网格计算]。对于R绘图包,请使用[r-grid]。对于多维数据,请使用[matrix]或[array]或[raster]。对于WPF网格控件,请使用[wpfgrid]

使用 ExtJS 4 单击网格中的相关数据时突出显示图表中的条形

我的屏幕上有两个对象,一个网格和一个由同一商店填充的图表。 我需要做的是突出显示图表上与我在网格中单击的项目相关的列。 在功能中...

回答 1 投票 0

Devexpress grid 如何添加带参数的自定义按钮

我在 ASP.NET Core 中有一个 Devexpress 网格。它工作正常,但我需要添加一个自定义按钮来重定向到具有所选 ID 的另一个操作。 我试过这个: columns.AddFor(m => m.Remark).Vis...

回答 1 投票 0

如何防止 Tailwind CSS 网格布局中列跨度为 2 的 div 与跨度为 1 的相邻列重叠?

我有一个包含 3 列网格的 div (grid-cols-3),然后是两个子 div:一个的列跨度为 2 (col-span-2),另一个的列跨度为1(列-跨-1)。我想修复 div...

回答 1 投票 0

列从父行中吹出

我在网站上使用自定义响应式网格作为独立学习的方式,了解它们到底如何工作并减少膨胀。 我的自定义网格突然开始爆炸,我无法弄清楚......

回答 1 投票 0

如何在html中对齐文本并在句子之间创建间距列?

之前 后 如何在 html 和 css 中使用网格后将“之前”变成之后?我希望我的文本移到右侧 .grid-container { 显示:网格; 网格模板列:自动自动;

回答 1 投票 0

网格如何去除柱网格

如何从显示网格中删除垂直柱网格 我使用 display: grid 和 grid-template-column: Repeat(2, 1fr) 来获取这个垂直网格 ---------------------------------------------------- 如何重新...

回答 1 投票 0

如何对使用网格/列表创建的条目使用entry.bind("<FocusIn>", self.method_calling)

在此链接上是以下代码示例,它使用 get(self) 和 set(set) 方法在类中生成条目网格: 从 tkinter 导入 * 类表: def __init__(自身、根、值):

回答 1 投票 0

Material UI 在指定断点处设置固定网格大小

我在材质 UI 网格大小方面遇到了一些困难。我想在指定的断点处设置固定的网格大小。例如,xs 宽度为满,但 sm 宽度为 200px 我在材质 UI 网格大小方面遇到了一些困难。我想在指定的断点处设置固定的网格大小。例如,xs 宽度为满,但 sm 宽度为 200px <Grid item container direction="row" xs={12}> <Grid xs={12} sm={can be size 200px?}>Menu</Grid> <Grid item xs={12} sm>Content</Grid> </Grid> 我试图用风格来赋予尺寸,但它也会影响 sm{12}。我在堆栈中搜索但找不到正确的答案 您可以使用 theme 自定义断点。检查这是否有帮助。

回答 1 投票 0

禁用网格元素收缩

我正在做一个宠物项目,但遇到了问题。我需要网格中的两个 div 在移动设备上具有相同的高度,并且我想在它们溢出时添加滚动。但现在上面的那个挤了l...

回答 1 投票 0

运行分布式 API 测试的工具

我想在虚拟机或物理机上运行API测试。 (就像我们对 selenium grid 所做的那样:在集线器上保留测试并在节点上运行它) 有没有一个工具可以处理这个问题? 谢谢。

回答 2 投票 0

Flutter - 如何使用网格 UI 制作省略的小部件

这里是颤振菜鸟, 尝试制作一个与上图完全相同的照片网格 UI。 只能放置 3 个盒子,并且每个盒子都是一张照片卡。 如果我有 4 张图片,右下角会变暗...

回答 1 投票 0

在 React 中将一个单独的 div 附加到另一个组件中

我创建了一个带有输入框的注释,但我不知道如何将注释附加到输入框的 div 中。输入框位于 CreateArea.jsx 内的 CreateArea 函数中,Note 函数...

回答 1 投票 0

使用Flexbox复制leetcode的日历布局,但间隙不均匀且不一致

我正在尝试从leetcode的个人资料页面复制日历功能,如下所示。 [\[leetcode 的日历功能\](https://i.stack.imgur.com/OMUSJ.jpg)][1] 就这样完成了...

回答 1 投票 0

如何设置类似于父行的嵌套制表符表(嵌套在单元格中)的样式?

我在单元格内显示嵌套的制表符表。 这是您需要复制的所有代码: 我在单元格内显示嵌套制表符表。 这是您需要复制的所有代码: <html> <head> <link href="https://unpkg.com/[email protected]/dist/css/tabulator.min.css" rel="stylesheet"> </head> <body> <div id="example-table"></div> <script type="text/javascript" src="https://unpkg.com/[email protected]/dist/js/tabulator.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js"></script> <script> //define some sample data, with the sub-table data held in the subtable parameter var tableData = [ {id:1, parent:"Bob", children:[{child:"Craig", age:18}]}, {id:2, parent:"Ann", children:[{child:"Bella", age:14}, {child:"Shaun", age:11}]}, {id:3, parent:"Jim", children:[{child:"David", age:15}, {child:"Alice", age:17}]}, ]; let table = new Tabulator("#example-table", { height:200, data:tableData, layout:"fitDataFill", columns:[ {title:"Id", field:"id"}, {title:"Parent", field:"parent"}, {title:"Children", field:"children", formatter:function(cell, formatterParams, onRendered){ //create and style holder elements let holderEl = document.createElement("div"); let tableEl = document.createElement("div"); holderEl.appendChild(tableEl); let subTable = new Tabulator(tableEl, { layout:"fitDataStretch", headerVisible:false, data:cell.getValue(), columns:[ {title:"Child", field:"child"}, {title:"Age", field:"age"} ] }) cell.getRow().normalizeHeight(); return holderEl; }, }, ], }); </script> </body> </html> 输出: 问题: 如何设置嵌套表格行的样式,使其具有与父行相同的背景颜色? 贝拉和肖恩应该与安具有相同的背景颜色。 大卫和爱丽丝应该与吉姆具有相同的背景颜色。 这是一个技巧,您可以使用父行的索引来确定颜色。 columns:[ {title:"Id", field:"id"}, {title:"Parent", field:"parent"}, {title:"Children", field:"children", formatter:function(cell, formatterParams, onRendered){ //create and style holder elements let holderEl = document.createElement("div"); let tableEl = document.createElement("div"); holderEl.appendChild(tableEl); // calculate parent row backgrount color let backgroundColor = 'white'; if (cell.getRow().getIndex() % 2 == 0) {backgroundColor = 'rgb(239, 239, 239)';} let subTable = new Tabulator(tableEl, { layout:"fitDataStretch", headerVisible:false, data:cell.getValue(), columns:[ {title:"Child", field:"child"}, {title:"Age", field:"age"} ], // set nested row background color rowFormatter: function(row){ const children = row.getElement().childNodes; children.forEach((child) => { child.style.backgroundColor = backgroundColor; }); }, }) cell.getRow().normalizeHeight(); return holderEl; }, }, ],

回答 1 投票 0

如何获取不可旋转方形边框内的所有网格单元

我有一个网格和一个具有位置和大小的边界框,我想计算该边界框中的每个网格单元以进行碰撞检测。 我不想遍历每个单元格...

回答 1 投票 0

是否有与图标网格符号等效的 Unicode?

Unicode中是否有类似的符号? 毕竟,我能够找到 ☰ 作为符号,只是想知道是否有类似于图标网格的东西。

回答 10 投票 0

pack() 在 grid() 编辑的框架内(和 v.v.?

我可能是世界上最后一个知道这一点的程序员,但以防万一...... 我发现了数十个与此接近的论坛主题,但没有一个完全匹配。我挣扎了几个小时

回答 1 投票 0

尝试移动项目时,拖动项目会消失/不会移动

我正在尝试制作一个 3x3 网格,其中每个网格项都是 1 个图像的一部分。我希望能够将这些项目拖放到另一个 3x3 网格中。(按照我想要的任何顺序)。 我遇到过

回答 1 投票 0

MAUI 横向模式网格问题

我正在尝试让网格的高度和宽度保持 2:1 的纵横比。我强制使用横向模式并具有以下网格设置: 我正在尝试让网格的高度和宽度保持 2:1 的纵横比。我强制使用横向模式并具有以下网格设置: <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:game="clr-namespace:MyApp_Mobile" x:Class="MyApp.MainPage" x:Name="contentMain" x:DataType="thisapp:MainPageViewModel" IconImageSource="app_icon.png" LayoutChanged="ContentPage_LayoutChanged" Appearing="contentMain_Appearing" Shell.NavBarIsVisible="False"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="80" /> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="50"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="80"/> <RowDefinition Height="80"/> <RowDefinition Height="80"/> </Grid.RowDefinitions> <Grid x:Name="gridLayoutBox" BackgroundColor="{Binding boxColour}" IsClippedToBounds="True" Grid.ColumnSpan="6"> </Grid> 遗憾的是,它没有按预期工作,并且似乎不是从第 0 列开始。它也不符合列和行尺寸: 我希望蓝色矩形的宽度是其高度的两倍 - 并且从左上角开始。我尝试切换到 6 行 3 列,但我遇到了类似的问题: 谁能告诉我我做错了什么,因为我在 Xamarin 中从未遇到过这个问题? 谢谢, 迈克 我复制了您的代码,只需为网格添加 Grid.RowSpan="3" 即可。然后我就得到了你想要的效果,没有LayoutChanged和Appearing。 完整的xaml: <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MauiApp7.MainPage" Shell.NavBarIsVisible="False"> <Grid BackgroundColor="Pink"> <Grid.ColumnDefinitions> <ColumnDefinition Width="80" /> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="80"/> <RowDefinition Height="80"/> <RowDefinition Height="80"/> </Grid.RowDefinitions> <Grid x:Name="gridLayoutBox" BackgroundColor="Blue" IsClippedToBounds="True" Grid.ColumnSpan="6" Grid.RowSpan="3" > </Grid> </Grid> </ContentPage> 结果图像: 另外,如果想强制横向,可以将以下代码全部放在Page的OnHandlerChanged方法或者OnAppearing方法中。 #if ANDROID Microsoft.Maui.ApplicationModel.Platform.CurrentActivity.RequestedOrientation = Android.Content.PM.ScreenOrientation.Landscape; #endif 在人像模式下,蓝色网格会被剪掉,因为它的宽度大于屏幕的宽度。

回答 1 投票 0

当我到达断点480px时,我在body上设置的右侧填充消失了

我的代码中有一些文章显示了网格。我已经将body的padding设置为padding: 0 1em;以下元素和类的最小宽度为 450px; 有人可以吗

回答 1 投票 0

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