I want to show the detail of specific order when I click on button but it get rendered on every order as this is in for loop

It appears below each row, because details is a global variable, which is shared with all the rows. Therefore, once you click on the button, details become true, and the ngif condition becomes true for each row.

You need to have a condition depending on the row itself, so only the selected row become visible

<tbody>
    <ng-container *ngFor="let orderdetail of listoforderdetail.listoforders">
        <tr>
            <td>{{orderdetail.orderId}}</td>
            <td>{{orderdetail.ammount | currency:"Rs. "}}</td>
            <td>{{datepipe.transform(orderdetail.orderDate,'yyyy-MM-dd HH:mm:ss')}}</td>
            <td><button class="btn primary sm" (click)="orderdetail.visible=true">Details</button></td>
        </tr>
        <div *ngIf="orderdetail.visible">detail will come here when we click on button on specific ordder</div>
    </ng-container>
</tbody>