mPDF嵌套列表样式

时间:2019-03-07 16:25:38

标签: mpdf

我正在将表格数据导出到PDF文件,并且其中一个单元格是/可以是项目列表,每个项目本身都有一个子列表。

例如:

<td>  
    <ul>  
        <li>Parent Item text
            <ul> 
                <li>Child Item text</li>
            </ul> 
        </li>
   </ul>  
</td> 
...

样式是最小的。
父级列表:

ul.parent-list {
    /*list-style: disc outside;*/
    list-style-type: disc; // just trying verbose styling
    list-style-position: outside;
}
.parent-list > li {
    margin-top: 5px;
}
.parent-list > li.first {
    margin-top: 0;
}
ul.child-list {
    /*list-style: circle outside;*/
    list-style-type: circle;
    list-style-position: outside;
    margin-top: 0.5em;
}

CSS通过单独的样式表提供给mPDF,尽管我也尝试使用内联样式来解决此问题。

我要显示的是典型的列表样式,其中填充了列表项,并且列表家具在外部:

what I want

这是我得到的:

what I get

mPDF中的嵌套列表是否存在问题?他们的文档根本没有提及列表的任何问题...

1 个答案:

答案 0 :(得分:0)

mPDF doesn't support block level elements within tables
必须通过span元素上的内联样式来实现样式。