future-architect / cheetah-grid Goto Github PK

I'd like to set the background color of the start cell in the range selection the same as the others in the range but find no way to do it.

I think keeping those cells the same background color would be okay.

There is ability to add typings for typescript: *.d.ts file?

Can I use a summary row?

I do not need a calculated summary row, but I need a summary row that is fixed and scrollable with its contents.

Thank you for great grid!

Hi,

How can I change header's caption after rendered.

thanks

I would like to have the ability to add a checkbox next to the column header name that would "select" the column and add a style on it. I can't seem to find a way to add a checkbox (or any piece of non-text) to the header. I'd be happy to contribute if this functionality isn't already there. I doesn't seem like it would be too bad to add in a boolean input in c-grid-input column header and have it trigger header-action. I'm working in Vue for this.

How can I show tooltip for cell where text is cut off?

Is there ability to merge column cells? It would be great function to show duplicate column data.

Hi,

is it possible to write HTML in a cell ?

thanks

in the event below，i can't get the info of the column
grid.listen(RESIZE_COLUMN, (...args) => log(RESIZE_COLUMN, args));

and i try to get grid.header,but it is the outmoded data

Hi..

When the background color of the header is darkened, the sort arrow is hard to see.
Even if you specify a color, it does not apply to sort arrows, so we want you to specify the color of the sort arrow.

Thanks.

• Columnoptions: class -> interface
• More strict Columnoptions.
• Some classes changes to parametric to detect field name error. (e.g. ListGrid)

After upgrading version v0.9.0 -> v0.13.8, custom sort function does not work.

https://future-architect.github.io/cheetah-grid/documents/api/js/advanced_header/column_sort.html#sort-by-column

this._sort in _executeSort method(at cheetahGrid.es5.js) seems to be undefined.
Is there something wrong with the implementation?
It worked without problems before upgrading.

Your project looks really cool and exactly what we're looking for but when I try to use it - even pasting your provided Vue templates - I get the following error:

vue.js:1743 TypeError: Cannot read property 'columns' of undefined
    at VueComponent.createColumn (vueCheetahGrid.js:9)
    at vueCheetahGrid.js:9
    at vueCheetahGrid.js:9
    at Array.map (<anonymous>)
    at x (vueCheetahGrid.js:9)
    at O (vueCheetahGrid.js:9)
    at $ (vueCheetahGrid.js:9)
    at VueComponent.mounted (vueCheetahGrid.js:9)
    at callHook (vue.js:2921)
    at Object.insert (vue.js:4152)

Hi..

If you operate in the following order, the display of the sort order will remain.

1. Set display data in Grid and display
2. Select column header and specify sort order
3. Resetting the latest data in Grid

You can reset the sort order by executing the following code, but can not you do it a bit easier?

// grid is cheetah-grid object
grid.sortState = {
    col: -1,
    order: undefined
}

Thanks.

Generation of definition in CGridColumn is not implemented.
https://github.com/future-architect/cheetah-grid/blob/master/packages/vue-cheetah-grid/lib/CGridColumn.vue#L43

Hi..

I want to change row color easily at once.

But check box, menu, and button cells are not color-coded. right?

thanks.

Hello,

I've found your awesome project, and considering to use my project.

but I found korean input error when edit columns.

My env:
OS : OSX 10.13.4 (17E202)
Browser: Chrome 66.0.3359.139 (Official Build) (64-bit)

Hi..

I use 'multilinetext' in c-grid-column of vue components.
Please provide an API to set the value of defaultRowHeight because it will be missed if you display more than 3 rows.

Thank you.

This rather a feature request as an issue.
Is there any possibility to:

• have column footer (for sums,count, avg, etc)
• have nested tables (a kind of master/detail)
• have grouping of row data

Hi, Thank you for your work on this library. It looks great.

Apologies for what is surely a dumb question; I'm a newb at front-end development.

I am trying to get the basic example working with an array of records but it doesn't render the grid. I think I must be missing a call.

My code looks like this

<div class="grid-sample" style="height: 500px; border: solid 1px #ddd;"></div>

<script type="text/javascript">
const grid = new cheetahGrid.ListGrid({
  parentElement: document.querySelector('.grid-sample'),
  header: [
    {field: 'personid', caption: 'ID', width: 100},
    {field: 'fname', caption: 'First Name', width: 200},
    {field: 'lname', caption: 'Last Name', width: 200},
    {field: 'email', caption: 'Email', width: 250},
  ],
  frozenColCount: 1,

  // Array data to be displayed on the grid
  records: [
  {'personid': 1, 'fname': 'Sophia', 'lname': 'Hill', 'email': '[email protected]'},
  {'personid': 2, 'fname': 'Aubrey', 'lname': 'Martin', 'email': '[email protected]'},
  {'personid': 3, 'fname': 'Avery', 'lname': 'Jones', 'email': '[email protected]'},
  {'personid': 4, 'fname': 'Joseph', 'lname': 'Rodriguez', 'email': '[email protected]'},
  {'personid': 5, 'fname': 'Samuel', 'lname': 'Campbell', 'email': '[email protected]'},
  {'personid': 6, 'fname': 'Joshua', 'lname': 'Ortiz', 'email': '[email protected]'},
  {'personid': 7, 'fname': 'Mia', 'lname': 'Foster', 'email': '[email protected]'},
  {'personid': 8, 'fname': 'Landon', 'lname': 'Lopez', 'email': '[email protected]'},
  {'personid': 9, 'fname': 'Audrey', 'lname': 'Cox', 'email': '[email protected]'},
  {'personid': 10, 'fname': 'Anna', 'lname': 'Ramirez', 'email': '[email protected]'}
],
});
</script>

There are no console errors. it creates the divs inside the parent, but doesn't render the table itself.

Beyond this issue, I think (FWIW) it might be easier to learn the library if the example pages had just one example (JS or Vue, rather than both) and didn't include the code viewers - just a working example. If you can look at the code by doing a view source, and there's nothing their but a working example, it might have been easier to see why my code doesn't work.

Thanks again.

https://github.com/livelyPeng/pl-table 流畅渲染万级数据并不会影响到 element-ui el-table组件的原有功能，并且新增了一些功能

Hi.. recently i use your cheetah-grid.

but i have one question.

how to put check box in header caption. not rows...

thanks.

And how to cancel sort, when I use VUE component;
thanks.

When I set 'headerStyle: {
textAlign: 'center',
font: '20px Microsoft Yahei'
}'
The font option wasn't applied
@ota-meshi

https://future-architect.github.io/cheetah-grid/0.6/demos/usage/column_styles.html
ヘッダのスタイル指定はできないんですか？
あればデモ作成してほしいです。

CGird ()

When use percentage/flexbox based layout the canvas height is being set too tall. The canvas width is correct but height is being calculated incorrectly. Note: This page has multiple div's with flex/percentage height widths set.

パーセント・フレックスボックスレイアウト専用ページでカンバス高さは高すぎる。カンバスの広さはちょうどいいです。備考：このページマルチDIVあり（フレックス・パーセント）。他のコンポネントはこの問題発生してないです。

div.cheetah-grid 1200x378
div.cheetah-grid canvas 1200x443

on ios 13 safari

Removed Features
Removed support for WebSQL.
Removed support for Legacy Safari Extensions.
Disabled -webkit-overflow-scrolling: touch on iPad. All frames and scrollable overflow areas >now use accelerated one-finger scrolling without changing stacking.
Disabled frame flattening on iOS. Frames now render in the same way as a desktop browser.

Disabled -webkit-overflow-scrolling: touch this feature lead momentum scrolling is turned on at default, this cased some problem when scroll out of range

would you please fix this problem

thank you

Is there ability to subscribe on resize column? It would be useful options to save column width and apply it in future.

Hi..

I am creating a variable column table.
The following error message will be displayed at the timing of adding the column.
Could you tell me if you know the solution?
"Error: unknown tag: vue-component-9-CGridColumnGroup"

   <c-grid-column-group v-for="row in record"
                       :key="row.id"
                       :caption="row.groupname">
     <c-grid-input-column :field="row.id"
                          :caption="row.name"
                          input-type="String">
     </c-grid-input-column>
  </c-grid-column-group>

record.push({
  id: 9999
  groupname: hoge
  name: fuga
})

Thanks.

Column Type: checkを利用したいのですが、「check状態にできない行」
というルールの実装を追加で制御したいです。
そのためのAPI、もしくは設定方法の追加をお願いします。

Hi..

Change the font by specifying Theme and Style,
but how can I change the height of row?

Thanks.

Hi,

Thank you for your great job,

Is it possible to change the order of columns by dragging and droping?

Trying to implement this. Successfully generated a grid using the vue-cheetah-grid component with data but when the page loads nothing shows. I looked in chrome inspector and seeing a bunch of styles automatically being applied that hide the grid and elements. I'm not sure why. https://imgur.com/a/EXOfMDQ

Found it here: https://github.com/future-architect/cheetah-grid/blob/master/packages/vue-cheetah-grid/lib/CGrid.vue

But I have no clue why

I have found Typo so I will report it.

https://github.com/future-architect/cheetah-grid/blob/master/packages/cheetah-grid/src/js/themes/BASIC.js

hiliteBorderColor -> highlightBorderColor

Thanks.