Question: Context
=======

I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more products).

Problem
=======

I need to think of these use cases:
1. People want to copy & paste customer IDs.  

2. People should be able to remove all the customers at once.  

3. People should still have an overview what customers were selected.  

4. People should be able to browse customers and pick those they want to.  

(Since we are in the able the solution needs to be compact)

My proposal
===========

[![My solution](https://i.stack.imgur.com/HLqCS.png)](https://i.stack.imgur.com/HLqCS.png)  

- Clicking on the "CD-0005" would trigger the browse window  

- **Missing** copy & paste functionality

[![enter image description here](https://i.stack.imgur.com/vctwb.png)](https://i.stack.imgur.com/vctwb.png)  

- Looks super ugly  

- Hard to provide overview on all the items (having tooltip on input hover is somehow strange)

**What do you think? How can this problem be solved?**

Answer: 
1. You can add a copy link in front of each customer ID on hover.

[![enter image description here](https://i.stack.imgur.com/LMt7G.jpg)](https://i.stack.imgur.com/LMt7G.jpg)

2. Add filters on table headers
3. Highlight the selected rows or make customer ID a badge when selected
4. Making customer ID badge would make it easier to identify the ones needed and switch between states.

I loved how "Clear Move" handle the tables. You can use it as inspiration.
[![enter image description here](https://i.stack.imgur.com/zmTlD.jpg)](https://i.stack.imgur.com/zmTlD.jpg)
Usman Mani already proposed an elegant solution, however for anyone seeing this after... I had similar questions and stumbled upon a very useful article about building tables for reusability.

<https://uxdesign.cc/designing-tables-for-reusability-490a3760533>

TLDR: It's ok to not show all of the information in a row, do some usability testing and find the 2-3 most important data points a user needs in a table row and then hide the rest. Utilizing font awesome illustrate that there is more data if the user does require it.