Disable Clickable Link On Magento 2 Order Grid Rows or ID column

Question

When our customer service people need to copy an order number from the Admin Order Grid, they try and highlight it with their cursor and copy it but that triggers the standard M2 click action to show the order.

I need to be able to remove the URL from the ID cell or alternatively the whole row in the order grid only. We can still edit the order by clicking the "edit" link but the whole row being clickable is causing problems.

Would appreciate your help.

Answer 1

Try the following way:

app/code/SR/MagentoCommunity/view/adminhtml/ui_component/sales_order_grid.xml

<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <columns name="sales_order_columns" class="SR\MagentoCommunity\Ui\Component\Columns"/>
</listing>

app/code/SR/MagentoCommunity/Ui/Component/Columns.php

<?php
declare(strict_types=1);

namespace SR\MagentoCommunity\Ui\Component;

class Columns extends \Magento\Ui\Component\Listing\Columns
{
    public function prepare()
    {
        $config = $this->getData('config');
        if (isset($config['childDefaults']['fieldAction'])) {
            unset($config['childDefaults']['fieldAction']);
        }
        $this->setData('config', (array)$config);
        parent::prepare();
    }
}

Answer 2

The accepted answer above caused some issues for me, as some column rows were missing after switching the "Columns" class to my custom implementation. Probably a conflict with another extension.

So instead I created a plugin for the "Columns" class and modified the "prepare" method:

di.xml:

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Catalog\Ui\Component\Listing\Columns">
        <plugin name="vendor_module_plugin_magento_catalog_ui_component_listing_columns" type="Vendor\Module\Plugin\Magento\Catalog\Ui\Component\Listing\Columns" />
    </type>
</config>

Columns.php

<?php
namespace Vendor\Module\Plugin\Magento\Catalog\Ui\Component\Listing;

class Columns
{
    /**
     * @param \Magento\Catalog\Ui\Component\Listing\Columns $subject
     * @param \Closure $proceed
     * @return \Closure
     */
    public function aroundPrepare(\Magento\Catalog\Ui\Component\Listing\Columns $subject, \Closure $proceed)
    {
        // Try to get the config
        $config = @$subject->getData('config');
        if ($config) {

            // Try to get a specific field that indicates that we are currently processing the product grid
            $childDefaultsFieldActionProvider = @$config['childDefaults']['fieldAction']['provider'];
            if ($childDefaultsFieldActionProvider === 'product_listing.product_listing.product_columns.actions') {

                // Unset the "fieldAction", which removes the "link" on the product grid rows
                if (isset($config['childDefaults']['fieldAction'])) {
                    unset($config['childDefaults']['fieldAction']);

                    // And save the updated config
                    $subject->setData('config', (array) $config);
                }
            }
        }

        return $proceed();
    }
}