jqwidgets-scripts-custom/demos/Angular/dragdrop/defaultfunctionality/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div id="shop" class="draggable-demo-shop jqx-rc-all">
    <div id="catalog" class="draggable-demo-catalog jqx-rc-all"></div>
    <div class="draggable-demo-cart-wrapper jqx-rc-all">
        <div class="draggable-demo-title jqx-rc-t">Shopping Cart</div>
        <div id="cart" class="draggable-demo-cart jqx-rc-all">

            <jqxGrid [theme]="'material'" #myGrid (onCellclick)="gridOnCellClick($event)"
                [width]="230" [height]="335" [columns]="gridColumns"
                [selectionmode]="'none'" [keyboardnavigation]="false">
            </jqxGrid>

        </div>
        <div class="draggable-demo-total">Total: <strong><span id="total">$ 0</span></strong></div>
    </div>
    <div style="clear: both"></div>
</div>