简体繁体 English

我如何使用渲染图像下方的字段和数据表<p:panelgrid> ？</p:panelgrid>

[英]How can I render the fields and datatable below image using <p:panelGrid>?

原文 2022-12-26 12:35:37 0 1 jsf/ primefaces

I have no idea how to render the below image with input fields and datatable with the exact alignment in UI.我不知道如何在 UI 中使用准确的 alignment 渲染带有输入字段和数据表的下图。

I refered some documentation with examples,but i can't find the pattern for datatable.Attached the image below.Kindly share your thoughts for this as outline.我参考了一些带有示例的文档，但我找不到数据表的模式。附上下面的图片。请分享您对此的想法作为大纲。

1 个解决方案

I would consider using PrimeFlex instead of p:panelGrid .我会考虑使用 PrimeFlex 而不是p:panelGrid 。

You basically need a 3 column grid layout.您基本上需要一个 3 列网格布局。 See the first example: https://www.primefaces.org/primeflex/gridsystem看第一个例子： https://www.primefaces.org/primeflex/gridsystem

An the input can be done using form layout.可以使用表单布局完成输入。 See the horizontal examples: https://www.primefaces.org/primeflex/formlayout横向例子见： https://www.primefaces.org/primeflex/formlayout

For the data.table, simply use the p:dataTable .对于 data.table，只需使用p:dataTable 。 See: https://www.primefaces.org/showcase/ui/data/datatable/basic.xhtml参见： https://www.primefaces.org/showcase/ui/data/datatable/basic.xhtml

如何在p：panelgrid中更新p：column？ - How can I update p:column in p:panelgrid?

如何使用 p:panelGrid 创建我的个人发行版？ - How can I create my personal distribution with p:panelGrid?

在p：dataTable中选择一行时如何查询字段？ - How I can consult fields when selecting a row in p:dataTable?

如何使用JSF和Primefaces在数据表中一次渲染面板网格？ - How to render a panelgrid one single time in datatable with JSF and Primefaces?

使用p：ajax在p：panelGrid的click事件上显示p：dataTable单元格的值 - displaying the value of the p:dataTable cell on click event of the p:panelGrid using p:ajax

无法在ajax的h：panelgrid值中生成p：datatable p：commandbutton更新 - Can not generate p:datatable in h:panelgrid values on ajax p:commandbutton update

如何从同一行（JSF）的ap：dataTable渲染另一个属性？ - How can I render another attribute from a p:dataTable of the same row (JSF)?

p：panelGrid中的p：panelGrid，如何在外部p：panelGrid中删除边框？ - p:panelGrid inside p:panelGrid, how to remove borders in an outer p:panelGrid?

如何最初使用 p:columnToggler 隐藏 ap:dataTable 中的列 - How can I initially hide columns in a p:dataTable with p:columnToggler

p：panelGrid到底如何扩展h：panelGrid - How exactly does p:panelGrid extends h:panelGrid

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在p：panelgrid中更新p：column？ - How can I update p:column in p:panelgrid? 如何使用 p:panelGrid 创建我的个人发行版？ - How can I create my personal distribution with p:panelGrid? 在p：dataTable中选择一行时如何查询字段？ - How I can consult fields when selecting a row in p:dataTable? 如何使用JSF和Primefaces在数据表中一次渲染面板网格？ - How to render a panelgrid one single time in datatable with JSF and Primefaces? 使用p：ajax在p：panelGrid的click事件上显示p：dataTable单元格的值 - displaying the value of the p:dataTable cell on click event of the p:panelGrid using p:ajax 无法在ajax的h：panelgrid值中生成p：datatable p：commandbutton更新 - Can not generate p:datatable in h:panelgrid values on ajax p:commandbutton update 如何从同一行（JSF）的ap：dataTable渲染另一个属性？ - How can I render another attribute from a p:dataTable of the same row (JSF)? p：panelGrid中的p：panelGrid，如何在外部p：panelGrid中删除边框？ - p:panelGrid inside p:panelGrid, how to remove borders in an outer p:panelGrid? 如何最初使用 p:columnToggler 隐藏 ap:dataTable 中的列 - How can I initially hide columns in a p:dataTable with p:columnToggler p：panelGrid到底如何扩展h：panelGrid - How exactly does p:panelGrid extends h:panelGrid

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM