adjusts

README.md

@@ -236,5 +236,5 @@ The LemonadeJS data grid is released under the MIT.
 
 ## Other Tools
 
--   [jSuites](https://jsuites.net/v4/)
+-   [jSuites](https://jsuites.net)
 -   [Jspreadsheet](https://jspreadsheet.com)

dist/index.d.ts

@@ -19,6 +19,8 @@ declare namespace Datagrid {
         width?: string;
         /** Render */
         render?: () => void;
+        /** Wrap the text */
+        wrap?: Boolean;
     }
 
     interface Item {

src/datagrid.js

@@ -1,9 +1,9 @@
 /**
-* (c) LemonadeJS Data Grid
-*
-* Website: https://lemonadejs.net
-* MIT License
-*/
+ * (c) LemonadeJS Data Grid
+ *
+ * Website: https://lemonadejs.net
+ * MIT License
+ */
 
 // Load LemonadeJS
 if (! lemonade && typeof(require) === 'function') {
@@ -433,9 +433,15 @@ if (! lemonade && typeof(require) === 'function') {
         // Build the columns structure
         self.columns.forEach((v, k) => {
             columns += `<td ondblclick="self.parent.edit" onblur="self.parent.edit" align="${v.align}"`;
+            if (! v.width) {
+                v.width = 100;
+            }
             if (v.render) {
                 columns += ` :ready="self.parent.render"`;
             }
+            if (v.wrap) {
+                columns += ` class="lm-data-grid-wrap"`;
+            }
             if (v.name) {
                 columns += ` data-name="${v.name}">{{self.${v.name}}}</td>`;
             } else {
@@ -445,7 +451,7 @@ if (! lemonade && typeof(require) === 'function') {
         });
 
         return `<div class="lm-data-grid" :data="self.data" onkeydown="self.keydown">
-            <div class="lm-data-grid-search-section" search="{{self.search}}">Search: <input type='text' :bind="self.input"/></div>
+            <div class="lm-data-grid-search-section" search="{{self.search}}"><div>Search</div> <div><input type='text' :bind="self.input"/></div></div>
             <table class="lm-data-grid-table">
             <thead><tr :loop="self.columns"><th width="{{self.width}}" align="{{self.align}}" data-sorted="{{self.sorted}}" onclick="self.parent.sort">{{self.title}}</th></tr></thead>
             <tbody :loop="self.result"><tr>${columns}</tr></tbody>