Подробнее... или больше... ссылка в AlfSortablePaginatedList - колонка комментариев

Question

Я использую AlfSortablePaginatedList для визуализации набора строк и столбцов. В одной из ячеек я бы хотел отобразить первые 50 или 100 символов с текстом ссылки "больше...". Если пользователь нажимает больше, то мне нужно отобразить оставшийся контент.

Что-то вроде, http://jsfiddle.net/X5r8r/1156/

Можете ли вы представить идею, как это сделать?

Вот фрагмент кода.

  headerWidgets.push({
     name: "alfresco/documentlibrary/views/layouts/HeaderCell",
     config: {
         label: "Comments",             
         sortable: false
     }
  });
  rowWidgets.push({
     name: "alfresco/documentlibrary/views/layouts/Cell",
     config: {
         widgets: [{
             name: "alfresco/renderers/Property",
             config: {
                 propertyToRender: "Comments",
                 additionalCssClasses:"limitText"
             }
         }]
     }
  });

Я добавил собственный CSS, чтобы получить "..." в столбце комментариев, я не уверен, как сделать его кликабельным и отобразить оставшееся содержимое.

 .limitText {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
   max-height: 250px;      /* fallback */
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;    
}

Aikau версия: 1.0.67 Alfresco: 5.0.2