title: How to truncate a overflowed text in a react element with middle ellipsis?
body: <p>I am new to react. so any help is greatly appreciated. I have a react table in which one of the columns holds the name of each row. I have names like "entry", "entry (1)", ... "entry (n)"
  I want to be able to deal with the text overflow when the name is long but I want to keep the index of the name, hence can't use css (text-overflow:"ellipses"</p>
  
  <p>is there a way that I could have "ent... (n)"?</p>