[发明专利]基于动态字段的表格展示方法、装置、计算机设备及介质

说明书

本申请实施例属于页面展示领域，涉及一种基于动态字段的表格展示方法，包括获取待展示表格，确定待展示表格中每列展示的字段类型，根据字段类型确定待展示表格中的固定列和动态列，并得到固定列的固定列数量和每个固定列的固定列宽，动态列的动态列数量和每个动态列的动态列宽，计算出全部固定列固定总列宽和全部动态列动态总列宽，根据容器宽度和固定总列宽计算剩余宽度，根据剩余宽度和动态总列宽调整待展示表格的动态列宽，形成展示布局。本申请还提供一种基于动态字段的表格展示装置、计算机设备及介质。此外，本申请还涉及区块链技术，待展示表格可存储于区块链中。本申请可以根据容器宽度和表格列宽动态调整展示布局，提升表格的展示效果。

技术领域

本申请涉及页面展示技术领域，尤其涉及一种基于动态字段的表格展示方法、装置、计算机设备及介质。

背景技术

大多数的组件库的表格组件，包括Element UI,iView,和自研的Boya，对于表格内容的展示处理都是大同小异的，在保证通用性的前提下，仍需保证较高的可配置性。为了满足不同业务的需求，要求达到表头字段是可以动态配置的，包括字段类型、字段内容以及字段数量等，但是，对于表格内容的展示却没有进行动态配置，即表格不会在容器宽度、表格单元格内容发生变化时进行适配配置，导致表格很难达到一个美观简洁的展示效果。

发明内容

本申请实施例的目的在于提出一种基于动态字段的表格展示方法、装置、计算机设备及介质，以解决相关技术中表格无法根据展示内容进行适配调整，以达到美观简洁的展示效果的技术问题。

为了解决上述技术问题，本申请实施例提供一种基于动态字段的表格展示方法，采用了如下所述的技术方案：

获取待展示表格，确定所述待展示表格中每列展示的字段类型，根据所述字段类型确定所述待展示表格中包含的固定列的固定列数量和动态列的动态列数量，并得到每个所述固定列的固定列宽以及每个所述动态列的动态列宽；

根据所述固定列数量和所述固定列宽，计算出全部所述固定列的固定总列宽，根据所述动态列数量和所述动态列宽，计算出全部所述动态列的动态总列宽；

获取容纳所述待展示表格的容器宽度，根据所述容器宽度以及所述固定总列宽，计算得到剩余宽度；

将所述剩余宽度和所述动态列宽进行比较，得到比较结果；

根据所述比较结果调整所述动态列宽，形成所述待展示表格的展示布局，并按照所述展示布局展示所述待展示表格。

进一步的，在所述获取待展示表格的步骤之前还包括：

获取每个所述字段类型的字数长度，根据所述字数长度设置与所述字数长度匹配的列宽，其中，所述字段类型为长文本的设置最小列宽，除所述长文本之外的所述字段类型设置为固定宽度。

进一步的，所述根据所述字段类型确定所述待展示表格中的固定列和动态列的步骤包括：

在当前列的所述字段类型为所述长文本时，则所述当前列为动态列；

在当前列的所述字段类型不是所述长文本时，则所述当前列为固定列。

进一步的，所述根据所述比较结果调整所述动态列宽，形成所述待展示表格的展示布局的步骤包括：

当所述动态总列宽小于所述剩余宽度，则根据所述动态列数量将所述剩余宽度均匀分配给所述动态列；

当所述动态总列宽等于所述剩余宽度，则保持所述动态列宽不变；

当所述动态总列宽大于所述剩余宽度，则保持所述动态列宽不变，所述待展示表格生成滚动条。

进一步的，在所述获取每个所述字段类型的字数长度，根据所述字数长度设置与所述字数长度匹配的列宽的步骤之后还包括：