tui.grid

Added

• withCredentials option : Set the value of withCredentials flag to handle Access-Control-Allow-Credentials: true header response when using Net addon.

// readData
grid.use('Net', {
  ...
  withCredentials: true
});

// createDate, updateData, deleteData, modifyData
net.request('createData', {
  withCredentials: true
});

Added

• The base64 encoded image of icons has been added in the css file, so you no longer need to add a static image file by default.

Fixed

• Fixed that dummy rows are not generated when using the showDummyRows option.
• Fixed that scroll-x is not generated when using the showDummyRows option and the total row height is less than the body height.

Features

• Apply new design on API page.

Added

• findRows : A callback function is added as a parameter. Only rows are returned when the callback function returns true.

grid.setData([
    {
        c1: 'foo',
        c2: 10000
    },
    {
        c1: 'bar',
        c2: 20000
    },
    {
        c1: 'baz',
        c2: 1000
    }
]);

const resultA = grid.findRows(function(row) {
    return /b/g.test(row.c1) && row.c2 > 5000;
});

console.log(resultA); // c1: bar

const resultB = grid.findRows(function(row) {
    return /b/g.test(row.c1) || row.c2 > 5000;
});

console.log(resultB); // c1: foo, bar, baz

Features

• The default design has changed (ref.)
  
• New theme options have been added (ref.)
  • Change the border state of the table border, scrollbar area
  • Change the background color and border state of the header, body, and summary area
  • Change the cell style of a meta column, summary area
• Tree data can be displayed (ref.)
  • Use hierarchical data to display the parent-child row, the most basic feature of the tree
  • The expand / collapse buttons control the view state of the child rows
  • Provide an icon that shows the status of the parent-child row and enables or disables it
  • You can set whether to maintain parent-child row relationships when using the checkbox
  • Provide various APIs for controlling the tree including add / delete rows, control expand / collapse buttons, and checkboxes.

{
    treeColumnOptions: {
        name: 'c1'
    }
}

Deprecated features

• Removed the grid property on theme options
• Removed the support/1.9.x branch

Bugfixes

• Fixed that the rowNum value of pagination is initialized when resetting data
• Fixed that checkbox selection in a meta column disappears
• Fixed that grouped headers are not selected when using complex headers

API Document

• http://nhnent.github.io/tui.grid/3.0.0/

Fixed

• Fixed that the scrollTop value is not initialized when data is reset.

Added

• usageStatistics option : Send the hostname to google analytics. If you do not want to send the hostname, this option set to false.
• Supports CDN for bundle files. (ref.)

Changed

• The develop branch is deleted.
• Default branch is changed production to mater.
• The url of latest API document is changed api to latest.

Fixed

• Fixed that the row number value in row headers is initialized to 1 when using pagination and page is changed.

Added

• columns.copyOptions.customValue : This option is callback function and a returned value set to copying data when you want to copy a value that is neither original nor formatted value.

Added

• Add key action using backspace (delete data of cells)

Fixed

• The value of bodyHeight is not fixed when initialized option set auto value and setBodyHeight is called

Added

• deleteRange custom event that occured when multiple cells are deleted after multi-selecting

Fixed

• Fixed issue that there is no rowSpanData when keyboard action occurs after getting data with setTimeout

Fixed

• Fixed wrong cell focusing when calling hideColumn API after scrollLeft value is changed
• Fixed that the selection is created when a cell is clicked by mouse right-button after clicking mouse left-button on Chrome and Safari

Added

• columnOptions.frozenBorderWidth : This option sets a border width of the frozen columns

Updated

• setLanguage() : This static API sets messages using in grid by the locale code and setting data is added on this API as the second parameter (ref.)

tui.Grid.setLanguage('en-US', {
    display: {
        noData: 'No data',
        // ...
    },
    // ...
});

• tui-code-snippet v1.2.9 : With this version, scroll performance can be faster when using virtualScrolling option

Fixed

• Fixed that the focus is wrong after making selection contained the last column when using hideColumn()
• Fixed that the value of row-key is wrong in mousedown event when the cell border is clicked
• Fixed that the first column width in the left-side table is changed when using virtualScrolling option and scrolling

Added

• summary : This option creates a summary area and the feature of option is the same as previous footer option
• summary.position : This option sets the position of the summary area (top or bottom)
• setSummaryColumnContent() : This API sets summary contents to each column dynamically and the feature of API is the same as previous setFooterColumnContent()

Deprecated

• footer
• setFooterColumnContent()

Fixed

• Fixed focus issue that hidden columns are in the fixed column area when using frozenCount option and hideColumn()

Fixed

• Focus issues
  • Wrong cell focus after changing the height value of element above grid
  • Double focusing when setting frozenCount option
• Rendering issues
  • The rows are not rendered when the scrolled change range is large and setting virtualScrolling: true option
  • The rows are not updated and the data of frozen columns are removed when using setFrozenColumnCount API
• Update eslint-config-tui

Added

• copyOptions.useListItemText : When this option is used, the copy value is concatenated text

Fixed

• Improved performance issues using virtualScrolling option
• Fix that returning a value of getCheckedRowKeys API
• Fix that not restored a focus state
• Fix that scrolling to top when using heightResizable option

New

• Publish npm and dependencies are updated. (Please confirm each version)
  • jquery v1.11.0
  • tui-code-snippet v1.2.5
  • tui-date-picker v3.0.0
  • tui-pagination v3.0.0

Added

• Thecell.focusedInactive option is added on applyTheme API's paramter to set color of inactive focus.
• The issue template is added on issues page.

Fixed

• Fixed that the focus is disappeared when a non-cell area is clicked.
• Fixed that the date set on other focused cell when date-picker layer is closed. (#49)

Added

• Added the grid instance on event object as a instance property

Fixed

• Fixed that the copied data of excel is incorrected when using the clipboard on Windows OS
• Fixed that the rendering performance is degraded when using the virtual scrolling
• Fixed that click event returns targetType: 'etc' when service page is scrolled
• Fixed some issues when the data is empty
• Fixed thatbodyHeight: 'fitToParent' is not applied when grid is created

API

https://nhnent.github.io/tui.grid/2.2.0

Fixed

• Fixed that the editing layer floats when enabled the useViewMode option and the cell data made by returned value of the converter function

Added

• Added DatePicker component options (ref.)
  • timepicker : Set to time-picker on the layer
  • type : Set to month or year-picker on the layer
• Added template option on each item of rowHeaders option to customize the contents in row headers (e.g.)

Fixed

• Fixed the margin is created on container after removing a row
• Fixed the date-picker layer is closed when using editingEvent: 'click' and the date is selected

API

https://nhnent.github.io/tui.grid/2.1.0

New

• Added selectionUnit to grid options
• getIndexOfColumns() : Get index number of specified column by column’s name
• selection() : Select cells or rows by range
• selection custom event occurs when selecting cells or rows on Grid

Added

• net.request() : Returns the state of request action

Fixed

• Fixed unconditionally executing onBeforeChange callback when the value is changed
• Fixed the URI decoding error when URI is including % string