2.9.257 • Published 1 year ago

@entestat/vue-datagrid v2.9.257

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Key Features

  • Millions of cells viewport with a powerful core in-build by default;
  • Keayboard support with excel like focus;
  • Super light initial starter . Can be imported with polifill or as module for modern browsers;
  • Intelligent Virtual DOM and smart row recombination in order to achieve less redraws;
  • Sorting (multiple options, can be customized per column and advanced with events);
  • Filtering
    • Predefined system filters;
    • Preserve existing collection;
    • Custom filters (extend existing system filters with your own set);
  • Export to file;
  • Custom sizes per Column and Row;
  • Column resizing;
  • Autosize support (Column size based on content);
  • Pinned/Sticky/Freezed:
    • Columns (define left or right);
    • Rows (define top or bottom);
  • Column grouping;
  • Cell editing;
  • Customizations:
    • Header template;
    • Cell template (build your own cell view);
    • Cell editor (apply your own editors and cell types);
    • Cell properties (build you own properties around rendered cells);
  • Column types;
    • Text/String (default);
    • Number;
    • Select;
    • Date;
    • Custom (take any type as template and create your own extended style);
  • Drag and drop rows;
  • Range operations:
    • Selection;
    • Edit;
  • Theme packages:
    • Excel like (default)
    • Material (compact, dark or light);
  • Copy/Paste (copy/paste from Excel, Google Sheets or any other sheet format);
  • Easy extenation and support with modern VNode features and tsx support;
  • Trimmed rows (hide rows on demand);
  • Plugin system (create your own plugins or extend existing one, it's transparent and easy);
  • Hundred others small customizations and improvements RevoGrid.

Overview

The RevoGrid component helps represent a huge amount of data in a form of data table "excel like" or as list. Chrome | Firefox | Safari | Opera | Edge | --- | --- | --- | --- | --- | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |

How to use

With NPM:

npm i @revolist/vue-datagrid --save;

With Yarn:

yarn add @revolist/vue-datagrid;

Sandbox

<template>
  <div id="app">
    <v-grid
      v-if="grid === 1"
      key="1"
      theme="compact"
      :source="rows"
      :columns="columns"
    ></v-grid>
  </div>
</template>

<script>
import VGrid from "@revolist/vue-datagrid";
export default {
  name: "App",
  data() {
    return {
      columns: [{
          prop: "name",
          name: "First",
        },
        {
          prop: "details",
          name: "Second",
      }],
      rows: [{
        name: "1",
        details: "Item 1",
      }]
    };
  },
  components: {
    VGrid,
  },
};
</script>

Contributing

If you have any idea, feel free to open an issue to discuss a new feature and submit your changes back to me.

License

MIT

2.9.257

1 year ago

2.9.251

1 year ago

2.9.252

1 year ago

2.9.253

1 year ago

2.9.254

1 year ago

2.9.255

1 year ago

2.9.256

1 year ago

2.9.250

1 year ago

2.9.249

1 year ago

2.9.201

2 years ago

2.9.202

2 years ago

2.9.203

2 years ago

2.9.204

2 years ago

2.9.205

2 years ago

2.9.206

2 years ago

2.9.207

2 years ago

2.9.208

2 years ago

2.9.209

2 years ago

2.9.220

2 years ago

2.9.210

2 years ago

2.9.211

2 years ago

2.9.212

2 years ago

2.9.213

2 years ago

2.9.214

2 years ago

2.9.215

2 years ago

2.9.216

2 years ago

2.9.217

2 years ago

2.9.218

2 years ago

2.9.219

2 years ago

2.9.243

2 years ago

2.9.244

2 years ago

2.9.245

2 years ago

2.9.246

2 years ago

2.9.247

2 years ago

2.9.230

2 years ago

2.9.231

2 years ago

2.9.221

2 years ago

2.9.222

2 years ago

2.9.223

2 years ago

2.9.226

2 years ago

2.9.227

2 years ago

2.9.228

2 years ago

2.9.229

2 years ago

2.9.240

2 years ago

2.9.241

2 years ago

2.9.242

2 years ago

2.9.232

2 years ago

2.9.233

2 years ago

2.9.234

2 years ago

2.9.235

2 years ago

2.9.236

2 years ago

2.9.237

2 years ago

2.9.238

2 years ago

2.9.239

2 years ago

2.9.172

2 years ago

2.9.173

2 years ago

2.9.174

2 years ago

2.9.175

2 years ago

2.9.176

2 years ago

2.9.130

2 years ago

2.9.131

2 years ago

2.9.132

2 years ago

2.9.129

2 years ago

2.9.140

2 years ago

2.9.141

2 years ago

2.9.142

2 years ago

2.9.143

2 years ago

2.9.133

2 years ago

2.9.134

2 years ago

2.9.139

2 years ago

2.9.170

2 years ago

2.9.171

2 years ago

2.9.166

2 years ago

2.9.167

2 years ago

2.9.169

2 years ago

2.9.150

2 years ago

2.9.151

2 years ago

2.9.152

2 years ago

2.9.153

2 years ago

2.9.154

2 years ago

2.9.144

2 years ago

2.9.145

2 years ago

2.9.146

2 years ago

2.9.147

2 years ago

2.9.148

2 years ago

2.9.149

2 years ago

2.9.160

2 years ago

2.9.161

2 years ago

2.9.162

2 years ago

2.9.163

2 years ago

2.9.164

2 years ago

2.9.165

2 years ago

2.9.155

2 years ago

2.9.156

2 years ago

2.9.157

2 years ago

2.9.158

2 years ago

2.9.159

2 years ago

2.9.122

3 years ago

2.9.123

3 years ago

2.9.124

3 years ago

2.9.125

3 years ago

2.9.126

3 years ago

2.9.127

3 years ago

2.9.128

3 years ago

2.9.120

3 years ago

2.9.121

3 years ago

2.9.113

3 years ago

2.9.114

3 years ago

2.9.115

3 years ago

2.9.116

3 years ago

2.9.117

3 years ago

2.9.118

3 years ago

2.9.119

3 years ago

2.9.92

3 years ago

2.9.93

3 years ago

2.9.91

3 years ago

2.9.96

3 years ago

2.9.97

3 years ago

2.9.94

3 years ago

2.9.95

3 years ago

2.9.98

3 years ago

2.9.99

3 years ago

2.9.110

3 years ago

2.9.100

3 years ago

2.9.101

3 years ago

2.9.102

3 years ago

2.9.103

3 years ago

2.9.104

3 years ago

2.9.105

3 years ago

2.9.106

3 years ago

2.9.107

3 years ago

2.9.108

3 years ago

2.9.109

3 years ago

2.9.111

3 years ago

2.9.112

3 years ago

2.9.86

3 years ago

2.9.89

3 years ago

2.9.87

3 years ago

2.9.88

3 years ago

2.9.90

3 years ago

2.9.82

3 years ago

2.9.85

3 years ago

2.9.83

3 years ago

2.9.84

3 years ago

2.9.81

3 years ago

2.9.80

3 years ago

2.9.74

3 years ago

2.9.75

3 years ago

2.9.72

3 years ago

2.9.73

3 years ago

2.9.78

3 years ago

2.9.79

3 years ago

2.9.76

3 years ago

2.9.77

3 years ago

2.9.69

4 years ago

2.9.70

4 years ago

2.9.71

4 years ago

2.9.56

4 years ago

2.9.57

4 years ago

2.9.54

4 years ago

2.9.55

4 years ago

2.9.58

4 years ago

2.9.59

4 years ago

2.9.60

4 years ago

2.9.63

4 years ago

2.9.64

4 years ago

2.9.61

4 years ago

2.9.62

4 years ago

2.9.67

4 years ago

2.9.68

4 years ago

2.9.65

4 years ago

2.9.66

4 years ago

2.9.53

4 years ago

2.9.52

4 years ago

2.9.51

4 years ago

2.9.49

4 years ago

2.9.50

4 years ago

2.9.47

4 years ago

2.9.48

4 years ago

2.9.41

4 years ago

2.9.42

4 years ago

2.9.40

4 years ago

2.9.45

4 years ago

2.9.46

4 years ago

2.9.43

4 years ago

2.9.44

4 years ago

2.9.34

4 years ago

2.9.35

4 years ago

2.9.33

4 years ago

2.9.38

4 years ago

2.9.39

4 years ago

2.9.36

4 years ago

2.9.37

4 years ago

2.9.32

4 years ago

2.9.30

4 years ago

2.9.31

4 years ago

2.9.29

4 years ago

2.9.18

4 years ago

2.9.12

4 years ago

2.9.24

4 years ago

2.9.11

4 years ago

2.9.27

4 years ago

2.9.16

4 years ago

2.9.28

4 years ago

2.9.17

4 years ago

2.9.25

4 years ago

2.9.14

4 years ago

2.9.26

4 years ago

2.9.10

4 years ago

2.9.9

4 years ago