Merge pull request #429 from rashidkpc/newlines

Closes #173

panels/table/module.html

@@ -42,18 +42,18 @@
       <div class="small" ng-show="panel.fields.length == 0"><center>No columns configured. You may want to select some from the list on the left.</center></div>
       <div class="small" ng-show="panel.fields.length == 0"><center>No columns configured. You may want to select some from the list on the left.</center></div>
       <table class="table-hover table table-condensed" ng-style="panel.style">
       <table class="table-hover table table-condensed" ng-style="panel.style">
         <thead ng-show="panel.header">
         <thead ng-show="panel.header">
-          
+
           <th style="white-space:nowrap" ng-repeat="field in panel.fields">
           <th style="white-space:nowrap" ng-repeat="field in panel.fields">
             <i ng-show="!$first" class="pointer link icon-caret-left" ng-click="_.move(panel.fields,$index,$index-1)"></i>
             <i ng-show="!$first" class="pointer link icon-caret-left" ng-click="_.move(panel.fields,$index,$index-1)"></i>
 
 
             <span  class="pointer" ng-click="set_sort(field)" ng-show='panel.sortable'>
             <span  class="pointer" ng-click="set_sort(field)" ng-show='panel.sortable'>
-              {{field}} 
+              {{field}}
               <i ng-show='field == panel.sort[0]' class="pointer link" ng-class="{'icon-chevron-up': panel.sort[1] == 'asc','icon-chevron-down': panel.sort[1] == 'desc'}"></i>
               <i ng-show='field == panel.sort[0]' class="pointer link" ng-class="{'icon-chevron-up': panel.sort[1] == 'asc','icon-chevron-down': panel.sort[1] == 'desc'}"></i>
-            </span> 
-            <span ng-show='!panel.sortable'>{{field}}</span> 
+            </span>
+            <span ng-show='!panel.sortable'>{{field}}</span>
             <i ng-show="!$last" class="pointer link icon-caret-right" ng-click="_.move(panel.fields,$index,$index+1)"></i>
             <i ng-show="!$last" class="pointer link icon-caret-right" ng-click="_.move(panel.fields,$index,$index+1)"></i>
           </th>
           </th>
-        
+
         </thead>
         </thead>
         <tbody ng-repeat="event in data | slice:panel.offset:panel.offset+panel.size" ng-class-odd="'odd'">
         <tbody ng-repeat="event in data | slice:panel.offset:panel.offset+panel.size" ng-class-odd="'odd'">
           <tr ng-click="toggle_details(event)" class="pointer">
           <tr ng-click="toggle_details(event)" class="pointer">
@@ -71,11 +71,11 @@
                 <tr ng-repeat="(key,value) in event.kibana.details._source" ng-class-odd="'odd'">
                 <tr ng-repeat="(key,value) in event.kibana.details._source" ng-class-odd="'odd'">
                   <td>{{key}}</td>
                   <td>{{key}}</td>
                   <td>
                   <td>
-                    <i class='icon-search pointer' ng-click="build_search(key,value)"></i> 
+                    <i class='icon-search pointer' ng-click="build_search(key,value)"></i>
                     <i class='icon-ban-circle pointer' ng-click="build_search(key,value,true)"></i>
                     <i class='icon-ban-circle pointer' ng-click="build_search(key,value,true)"></i>
                   </td>
                   </td>
-                  <td>{{value}}</td>
-                </tr> 
+                  <td style="white-space:pre-wrap">{{value}}</td>
+                </tr>
               </table>
               </table>
             </td>
             </td>
           </tr>
           </tr>