后端布局中的 Colspan 不起作用（TYPO3 8.7 LTS）

Question

我的后端布局中的 3 列应该大小相等，与它们的内容无关。就我而言，它们的宽度由它们的内容决定。很高兴任何提示！

环境：

• TYPO3 8.7.0

• PHP 7.0.13

• MySQL 5.6.34

已安装的扩展：

• gridelements dev-master c5120b0e

• realurl 2.2.0

• slickcarousel 8.x-dev

• vhs 4.1.0

TS 是使用向导生成的。它是 2 行的 3 列布局。第二行有 3 个列（colspan = 1），第一行有 1 个列（colspan = 3）。

mod.web_layout.BackendLayouts {
MainTemplate {
    title = MainTemplate
    name = MainTemplate
    icon = EXT:amtemplate/ext_icon.png
    config {
        backend_layout {
            colCount = 6
            rowCount = 2
            rows {
                1 {
                    columns {
                        1 {
                            name = LLL:EXT:amtemplate/Resources/Private/Language/locallang.xlf:amtemplate_be_layout_maintemplate.sliderarea
                            colPos = 1
                            colspan = 6
                        }
                    }
                }
                2 {
                    columns {
                        1 {
                            name = LLL:EXT:amtemplate/Resources/Private/Language/locallang.xlf:amtemplate_be_layout_maintemplate.left
                            colPos = 2
                            colspan = 2
                        }
                        2 {
                            name = LLL:EXT:amtemplate/Resources/Private/Language/locallang.xlf:amtemplate_be_layout_maintemplate.main_content
                            colPos = 0
                            colspan = 2
                        }
                        3 {
                            name = LLL:EXT:amtemplate/Resources/Private/Language/locallang.xlf:amtemplate_be_layout_maintemplate.right
                            colPos = 3
                            colspan = 2
                        }
                    }
                }
            }
        }
    }
}
}

Answer 1

在 8.7.1 中在这里工作没有任何问题。也许您想更新到最新版本？

Answer 2

您在这里混淆了两个不同的概念，即 colspan 和 width。

colspan 属性用于告诉表格的一个单元格它应该与另一行的其他单元格重叠多少。因此，这与固定宽度无关，尽管当您在每个单元格中获得相同的内容或根本没有内容时，它可能感觉如此。一旦您用不同的内容填充表格单元格，每个单元格的宽度可能会有所不同，即使其中一些单元格可能使用相同的 colspan 值。

所以 colspan 实际上只是定义了单元格之间的关系，而不是它们的宽度。核心仍然通过 CSS 将最小和最大宽度值应用到页面模块的几个部分以某种方式规避了这种行为，因此单元格将保持在一定的宽度范围内。

既然您已经安装了网格元素，就不能再有这样的范围了，因为可能有嵌套的网格结构需要消耗更多的空间。因此 gridelements 使用 CSS 移除该范围，从而恢复 HTML 表格单元格的默认行为。