如何为一行中的3个单元格创建增加的背景颜色？

Question

我想我的XSL-FO文档中创建这种背景：

我模糊了敏感信息，但希望它仍然不够明显，这应该是一个灰色的颜色变从细胞到细胞增加。

这是我的代码背后：

<!-- table header --> 
      <fo:table table-layout="fixed" width="100%" background-color="#FFFFFF"> 
       <fo:table-body> 
        <fo:table-row> 
         <fo:table-cell margin-left="55pt" padding-after="10pt"> 
          <fo:block-container xsl:use-attribute-sets="boldtext"> 
           <fo:block> 
            1st column header 
           </fo:block> 
          </fo:block-container> 
         </fo:table-cell> 
         <fo:table-cell padding-left="30pt" padding-after="10pt"> 
          <fo:block-container xsl:use-attribute-sets="boldtext"> 
           <fo:block> 
            2nd column header 
           </fo:block> 
          </fo:block-container> 
         </fo:table-cell> 
         <fo:table-cell padding-left="15pt" padding-after="10pt"> 
          <fo:block-container xsl:use-attribute-sets="boldtext"> 
           <fo:block> 
            3rd column header 
           </fo:block> 
          </fo:block-container> 
         </fo:table-cell> 
        </fo:table-row> 
       </fo:table-body> 
      </fo:table> 

Answer 1

如果使用RenderX你可以使用自己的扩展规模的背景图片。这个解决方案就是这样。它会根据行数和/或尺寸完全缩放到表格中。在你的例子中，还不清楚表中还有什么。

<fo:table table-layout="fixed" width="100%" background-image="tri.svg" background-position="bottom left" background-repeat="no-repeat" rx:background-content-width="scale-to-fit" rx:background-content-height="scale-to-fit" rx:background-scaling="non-uniform"> 
      <fo:table-body > 
       <fo:table-row> 
        <fo:table-cell> 
         <fo:block-container > 
          <fo:block> 
           1st column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell border-left="5pt solid white" border-right="5pt solid white"> 
         <fo:block-container > 
          <fo:block> 
           2nd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell> 
         <fo:block-container> 
          <fo:block> 
           3rd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
       </fo:table-row> 
       <fo:table-row> 
        <fo:table-cell> 
         <fo:block-container > 
          <fo:block> 
           1st column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell border-left="5pt solid white" border-right="5pt solid white"> 
         <fo:block-container > 
          <fo:block> 
           2nd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell> 
         <fo:block-container> 
          <fo:block> 
           3rd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
       </fo:table-row> 
       <fo:table-row> 
        <fo:table-cell> 
         <fo:block-container > 
          <fo:block> 
           1st column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell border-left="5pt solid white" border-right="5pt solid white"> 
         <fo:block-container > 
          <fo:block> 
           2nd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell> 
         <fo:block-container> 
          <fo:block> 
           3rd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
       </fo:table-row> 
       <fo:table-row> 
        <fo:table-cell> 
         <fo:block-container > 
          <fo:block> 
           1st column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell border-left="5pt solid white" border-right="5pt solid white"> 
         <fo:block-container > 
          <fo:block> 
           2nd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell> 
         <fo:block-container> 
          <fo:block> 
           3rd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
       </fo:table-row> 
       <fo:table-row> 
        <fo:table-cell> 
         <fo:block-container > 
          <fo:block> 
           1st column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell border-left="5pt solid white" border-right="5pt solid white"> 
         <fo:block-container > 
          <fo:block> 
           2nd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
        <fo:table-cell> 
         <fo:block-container> 
          <fo:block> 
           3rd column header 
          </fo:block> 
         </fo:block-container> 
        </fo:table-cell> 
       </fo:table-row> 
      </fo:table-body> 
     </fo:table> 

这导致了这个：

如果您正在使用FOP，目前尚不清楚，我认为这样的扩展存在，你可能会需要的大小SVG的表，如果众所周知。