[Solved] How to set min width of items in datagrid?

[jp_2011]

Hello, how would I go about setting a width/min-width to components in the datagrid?

if I have the following code:

Code: Select all

<div class="Container100 ui-fluid">
  <div class="ContainerIndent">
    <div class="Card ShadowEffect" >
      <p-dataGrid [value]="activities" [columns]="4" >
        <template let-activity>
          <div style="padding:3px">
            <p-panel [style]="{'min-width':'300px'}">
               stuff that fills content............
            </p-panel>
          </div>
        </template>
      </p-dataGrid>
    </div>
  </div>
</div>

The panels don't adjust correctly in the horizontal and overlap each other.

Thanks

[jp_2011]

I've discovered that what I have done is correct, however you cannot use hard coded columns. Once I removed the [columns] property, everything works correctly.