Mryntu

I want to add dynamic rows with a dropdown field.how to add into the catalog product insert area thanks in a advance.

You had not provided any information for the fields So i had taken supposed values:

You need to create one Module which will add product attributes for you, for current requirement and can be updated for future requirements:
Create directories as followings:

registration.php

<?php
MagentoFrameworkComponentComponentRegistrar::register(
 MagentoFrameworkComponentComponentRegistrar::MODULE,
 'Progos_CustomProductAttributes',
 __DIR__
);

etc/module.xml

<?xml version="1.0" ?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
 <module name="Progos_CustomProductAttributes" setup_version="1.0.0">
 <sequence>
 <module name="Magento_Catalog"/>
 </sequence>
 </module>
</config>

Setup/InstallData.php

<?php


namespace ProgosCustomProductAttributesSetup;

use MagentoFrameworkSetupInstallDataInterface;
use MagentoFrameworkSetupModuleContextInterface;
use MagentoFrameworkSetupModuleDataSetupInterface;
use MagentoEavSetupEavSetup;
use MagentoEavSetupEavSetupFactory;

class InstallData implements InstallDataInterface


 private $eavSetupFactory;

 /**
 * Constructor
 *
 * @param MagentoEavSetupEavSetupFactory $eavSetupFactory
 */
 public function __construct(EavSetupFactory $eavSetupFactory)
 
 $this->eavSetupFactory = $eavSetupFactory;
 

 /**
 * @inheritdoc
 */
 public function install(
 ModuleDataSetupInterface $setup,
 ModuleContextInterface $context
 ) 
 $eavSetup = $this->eavSetupFactory->create(['setup' => $setup]);

 $eavSetup->addAttribute(
 MagentoCatalogModelProduct::ENTITY,
 'test_custom_attr',
 [
 'type' => 'int',
 'backend' => '',
 'frontend' => '',
 'label' => 'Custom Label',
 'input' => 'select',
 'class' => '',
 'source' => ,
 'global' => 1,
 'visible' => true,
 'required' => true,
 'user_defined' => true,
 'default' => null,
 'searchable' => false,
 'filterable' => false,
 'comparable' => false,
 'visible_on_front' => false,
 'used_in_product_listing' => false,
 'unique' => false,
 'apply_to' => '',
 'system' => 1,
 'group' => 'General',
 'option' => array('values' => array("Nike","Puma","Adidas"))
 ]
 );
 

Here is how dynamic rows can be added by DataProvider.

Add DataProvider class as:

etcadminhtmldi.xml

<?xml version="1.0" encoding="UTF-8"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
<virtualType name="MagentoCatalogUiDataProviderProductFormModifierPool">
 <arguments>
 <argument name="modifiers" xsi:type="array">
 <item name="customTab" xsi:type="array">
 <item name="class" xsi:type="string">VendorModuleUiDataProviderProductFormModifierNewField</item>
 <item name="sortOrder" xsi:type="number">10</item>
 </item>
 </argument>
 </arguments>
</virtualType>

And add DataProvider at:

VendorModuleUiDataProviderProductFormModifier:

namespace VendorModuleUiDataProviderProductFormModifier;
use MagentoCatalogModelLocatorLocatorInterface;
use MagentoCatalogUiDataProviderProductFormModifierAbstractModifier;
use MagentoUiComponentFormFieldset;
use MagentoUiComponentFormField;
use MagentoUiComponentFormElementInput;
use MagentoUiComponentDynamicRows;
use MagentoUiComponentContainer;
use MagentoUiComponentFormElementActionDelete;
use MagentoUiComponentFormElementSelect;
use MagentoUiComponentFormElementDataTypeText;
class NewField extends AbstractModifier

const FIELD_IS_DELETE = 'is_delete';
const FIELD_SORT_ORDER_NAME = 'sort_order';
const FIELD_NAME_SELECT = 'select_field';

private $locator;
public function __construct(
 LocatorInterface $locator
) 
 $this->locator = $locator;

public function modifyData(array $data)

 return $data;

public function modifyMeta(array $meta)

 $meta = array_replace_recursive(
 $meta,
 [
 'custom_fieldset' => [
 'arguments' => [
 'data' => [
 'config' => [
 'label' => __('Custom Group'),
 'componentType' => Fieldset::NAME,
 'dataScope' => 'data.product.custom_fieldset',
 'collapsible' => true,
 'sortOrder' => 5,
 ],
 ],
 ],
 'children' => [
 "custom_field" => $this->getSelectTypeGridConfig(10)
],
 ]
 ]
 );
 return $meta;

protected function getSelectTypeGridConfig($sortOrder) 
return [
 'arguments' => [
 'data' => [
 'config' => [
 'addButtonLabel' => __('Add Value'),
 'componentType' => DynamicRows::NAME,
 'component' => 'Magento_Ui/js/dynamic-rows/dynamic-rows',
 'additionalClasses' => 'admin__field-wide',
 'deleteProperty' => static::FIELD_IS_DELETE,
 'deleteValue' => '1',
 'renderDefaultRecord' => false,
 'sortOrder' => $sortOrder,
 ],
 ],
 ],
 'children' => [
 'record' => [
 'arguments' => [
 'data' => [
 'config' => [
 'componentType' => Container::NAME,
 'component' => 'Magento_Ui/js/dynamic-rows/record',
 'positionProvider' => static::FIELD_SORT_ORDER_NAME,
 'isTemplate' => true,
 'is_collection' => true,
 ],
 ],
 ],
 'children' => [
 static::FIELD_NAME_SELECT => $this->getSelectFieldConfig(1),
 static::FIELD_IS_DELETE => $this->getIsDeleteFieldConfig(3)
 //Add as many fields as you want

 ]
 ]
 ]
];

protected function getSelectFieldConfig($sortOrder)

 return [
 'arguments' => [
 'data' => [
 'config' => [
 'label' => __('Options Select'),
 'componentType' => Field::NAME,
 'formElement' => Select::NAME,
 'component' => 'Magento_Catalog/js/custom-options-type',
 'elementTmpl' => 'ui/grid/filters/elements/ui-select',
 // 'selectType' => 'optgroup',
 'dataScope' => static::FIELD_NAME_SELECT,
 'dataType' => Text::NAME,
 'sortOrder' => $sortOrder,
 'options' => $this->_getOptions(),
 'visible' => true,
 'disabled' => false,
 ],
 ],
 ],
 ];

protected function _getOptions()

 $options = [
 1 => [
 'label' => __('Option 1'),
 'value' => 1
 ],
 2 => [
 'label' => __('Option 2'),
 'value' => 2
 ],
 3 => [
 'label' => __('Option 3'),
 'value' => 3
 ],
 ];

 return $options;

protected function getIsDeleteFieldConfig($sortOrder)

 return [
 'arguments' => [
 'data' => [
 'config' => [
 'componentType' => ActionDelete::NAME,
 'fit' => true,
 'sortOrder' => $sortOrder
 ],
 ],
 ],
 ];