Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The width value of the column reverts back, Please help me.. #146

Open
Zero-MG opened this issue Jan 8, 2025 · 2 comments
Open

The width value of the column reverts back, Please help me.. #146

Zero-MG opened this issue Jan 8, 2025 · 2 comments

Comments

@Zero-MG
Copy link

Zero-MG commented Jan 8, 2025

vue-excel-column-error.mp4

The column has a problem like the video.

For example, if you set the width value of that column to 130px, the user should be able to freely adjust the width value, but it goes back.

No errors are displayed in the console.

[vue-excel-editor]
tried version: 1.5.23

node.js: 18.20.5
vue.js: 2.7.16

@cscan
Copy link
Owner

cscan commented Jan 9, 2025

Please show your code here

@Zero-MG
Copy link
Author

Zero-MG commented Jan 10, 2025

<BCard>
  <BRow>
    <BCol>
      <vue-excel-editor
          ref="excelGrid"
          v-model="rows"
          :localized-label="$localizedLabel" //Common Options
          :page="perPage"
          :readonly-style="{backgroundColor:'#EFE'}"
          class="mb-1"
          @select="selectAct"
          @update="updateAct">
        <vue-excel-column field="idx" key-field label="id" type="string" width="100px" readonly invisible />
        <vue-excel-column field="companyName" label="companyName" type="string" width="240px" />
        <vue-excel-column field="ceoName" label="ceoName" type="string" width="180px" />
        <vue-excel-column field="compAddress" label="compAddress" type="string" width="120px" />
        <vue-excel-column field="memo" label="memo" width="200px" />
      </vue-excel-editor>
    </BCol>
  </BRow>
</BCard>

The code worked without errors.
After updating npm once, the problem occurred.

"dependencies": {
    "@babel/polyfill": "^7.12.1",
    "@braid/vue-formulate": "^2.5.2",
    "@coreui/coreui": "~3.4.0",
    "@coreui/icons": "~1.0.1",
    "@coreui/utils": "^1.2.4",
    "@coreui/vue": "^3.0.12",
    "@coreui/vue-chartjs": "^1.0.5",
    "@popperjs/core": "^2.4.4",
    "babel-polyfill": "^6.26.0",
    "bootstrap": "^4.6.1",
    "bootstrap-icons": "^1.11.1",
    "bootstrap-vue": "^2.16.0",
    "chart.js": "^2.9.3",
    "chartjs-plugin-datalabels": "^0.7.0",
    "filepond": "^4.20.1",
    "filepond-plugin-file-validate-type": "^1.2.5",
    "filepond-plugin-image-preview": "^4.6.4",
    "html2pdf.js": "^0.10.1",
    "jodit-vue": "^2.6.0",
    "jquery": "^3.5.1",
    "js-cookie": "^3.0.5",
    "jspdf": "^2.5.1",
    "particles.vue": "^2.43.1",
    "pdf-lib": "^1.17.1",
    "portal-vue": "^2.1.7",
    "vee-validate": "^3.4.5",
    "vue": "^2.7.16",
    "vue-chartjs": "^3.5.1",
    "vue-class-component": "^7.2.6",
    "vue-cookies": "^1.7.4",
    "vue-editable-grid": "^0.3.12",
    "vue-excel-editor": "^1.5.23",
    "vue-filepond": "^6.0.2",
    "vue-global-var": "^1.0.0",
    "vue-html2pdf": "^1.8.0",
    "vue-json-excel": "^0.3.0",
    "vue-pdf": "^4.2.0",
    "vue-property-decorator": "^9.1.2",
    "vue-router": "^3.1.6",
    "vue-socket.io": "^3.0.10",
    "vue2-datepicker": "^3.11.1",
    "vuejs-daum-postcode": "^1.0.4",
    "vuex": "^3.1.3",
    "vuex-persistedstate": "^3.1.0",
    "xlsx": "^0.18.5"
  },

Are there any conflicting versions of dependencies in your package.json that might be causing the problem?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants