还是以 bootstrap 为例,它有响应式简单方便的规范标记,比如说你当呈现手机画面时就会自动将 pc 画面中某个 div 或者某行的一部分转到界面下面,等等。这对于 web 前端界面人员是培训时就学到的基本标准设计操作,而对 WPF 或者 Winform 开发则是纠结和耗费时光的理由之一,二者开发人员同样起步的但是相差起码8年技术开发层次。所以我要说的是,与时俱进,不要死守一种开发工具。
如果单看你贴出来的图,实际上使用 html 来布局比较方便,因为 html 是自动适应、自动优化界面布局的。例如每一列的最适合(适配内容宽度)的宽度,文本是否折行(例如“付款方式”列有自动折行,并且本行其它文本自动垂直居中),等等布局特征,都是 html <table><tr><td> 的最常见的规范。这些要你自己画什么通用的报表,其实不具有通用性,也比简单的 html 模板代码复杂太多倍了。