Datatable Row Expansion funktioniert nicht, wenn eine der p-Spalte bereits eine Vorlage hat

Question

DataTableRowExpander funktioniert nicht, wenn eine Spalte eine Vorlage an sie angeschlossen hat. Bitte beachten Sie unten Code als Referenz. Ich war in der Lage, es zu beheben durch meine Zeilenvorlage platzieren, bevor die Spaltendefinitionen

     <p-dataTable [value]="projects" expandableRows="true"> 
          <p-column expander="true" style="width:22px"></p-column> 
          <p-column field="projectState" [sortable]="true" header="Status"></p-column> 
          <p-column field="bid" header="BU" [sortable]="true"> 
           <template #col #project="rowData" class="col-md-1"> 
            {{GetBU(project[col.field])}} 
           </template> 
          </p-column> 

          <template #project > 
           <div class="ui-grid ui-grid-responsive ui-fluid" style="font-size:16px;padding:20px"> 
            <div class="ui-grid-row"> 
             <div class="ui-grid-col-9"> 
              <div class="ui-grid ui-grid-responsive ui-grid-pad"> 
               <div class="ui-grid-row"> 
                <div class="ui-grid-col-2 label">Vin: </div> 
                <div class="ui-grid-col-10">{{project.projectState}}</div> 
               </div> 
              </div> 
             </div> 
            </div> 
           </div> 
          </template> 
         </p-dataTable> 

Answer 1

Für noch jemand dieses Problem auftritt:

<p-dataTable> 
    <template let-item> 
     <!-- ... --> 
    </template> 
    <p-column></p-column> 
    <p-column> 
     <template> 
      <!-- ... --> 
     </template> 
    </p-column> 
    <!-- ... --> 
</p-dataTable>