可以使用响应类ui-grid-col来初始化p-datatable p-column

时间:2017-05-25 18:29:21

标签: responsive-design primeng-datatable

我想对我的p-datatable p-columns使用响应列宽度,如下所示:

<p-dataTable [class]="'ui-grid ui-grid-responsive ui-grid-pad'" 
  [value]="dataList" [responsive]="true" [paginator]="true" [rows]="10" 
  [rowsPerPageOptions]="[10,25,50,100]" emptyMessage="Nothing to see 
  here...">
  <p-column [class]="'ui-grid-col-1'" field="ID" header="ID" ></p-column>
  <p-column [class]="'ui-grid-col-2'" field="Title"  header="Title">
  </p-column>
  <p-column [class]="'ui-grid-col-4'" field="Desc"  header="Description">
  </p-column>
</p-dataTable>

另外,我会根据Bootstrap等显示宽度断点(-sm,-md,-lg)为网格列应用不同的类。 可以这样做吗?

0 个答案:

没有答案