Hi,
In the Modern UI, I added the grid and it is visible, but the Add and Delete options are not appearing. However, these options are available in the Classic UI. Please refer to the screenshot below for reference.
Classic UI

Modern UI

HTML
<template>
<qp-grid modify="#gridImportLocations"></qp-grid>
<field name="UsrKNSPCPOrderImportWarehouse" after="#groupOrder FIELD[name='OrderType']"></field>
<field name="UsrKNSPCPEnableLocationWarehouse" after="#groupOrder"></field>
<qp-grid id="santhosh" view.bind="TaxZonedetails" caption="Tax Zone Mapping" class="framed-section col-12" after="#groupSubstitutionLists"></qp-grid>
</template>
TS
import {
PXFieldState,
PXFieldOptions,
PXView,
updateDecorator,
removeDecorator,
featureInstalled,
FeaturesSet,
placeBeforeView,
placeAfterView,
placeBeforeProperty,
placeAfterProperty,
graphInfo,
viewInfo,
gridConfig,
columnConfig,
treeConfig,
controlConfig,
linkCommand,
fieldOptions,
fieldConfig,
fieldInfo,
headerDescription,
autoRefresh,
mappedToViewField,
suppressLabel,
readOnly,
disabled,
unbound,
text,
multiLine,
primaryKey,
type,
ControlParameter,
NetType,
MenuItemRenderType,
ScrollMode,
TextAlign,
GridPreset,
GridColumnType,
GridColumnShowHideMode,
GridColumnDisplayMode,
GridAutoGrowMode,
GridPagerMode,
GridFastFilterVisibility,
GridNoteFilesShowMode,
HeaderDescription,
GridColumnGeneration,
GridFilterBarVisibility,
NodeSelectMode,
PXSelectorMode,
ApplySuggestionMode,
ITextEditorControlConfig,
ITimeSpanConfig,
ISelectorControlConfig,
ISegmentedSelectorControlConfig,
IEditorControlConfig,
INumberEditorControlConfig,
IMaskEditorControlConfig,
IMailEditorControlConfig,
ILinkEditorControlConfig,
IDropDownConfig,
IDatetimeEditControlConfig,
IColorPickerControlConfig,
ICheckBoxControlConfig,
ICalendarControlConfig,
IBranchSelectorConfig,
IBarcodeInputControlConfig,
ITreeSelectorConfig,
IRichTextEditorConfig,
IFormulaEditorConfig,
ICurrencyControlConfig,
FieldGenerationMode,
createCollection,
} from "client-controls";
import { BC201010 } from "src/screens/BC/BC201010/BC201010";
import { CurrentStore } from "src/screens/BC/BC201010/views";
export interface BC201010_KNCopiousShopifyCustomization_generated extends BC201010 {}
export class BC201010_KNCopiousShopifyCustomization_generated {
@gridConfig({ preset: GridPreset.Primary })
@viewInfo({ containerName: "KNSPCPTaxZoneMapping(TaxZonedetails)" })
TaxZonedetails = createCollection(KNSPCPTaxZoneMapping);
}
export interface CurrentStore_KNCopiousShopifyCustomization_generated extends CurrentStore {}
export class CurrentStore_KNCopiousShopifyCustomization_generated {
UsrKNSPCPEnableLocationWarehouse: PXFieldState;
UsrKNSPCPOrderImportWarehouse: PXFieldState;
}
export class KNSPCPTaxZoneMapping extends PXView {
AcumaticaTaxZone: PXFieldState;
BindingID: PXFieldState;
RecordID: PXFieldState;
ShopifySalesChannel: PXFieldState;
}

